手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >原生js实现给指定元素的后面追加内容
原生js实现给指定元素的后面追加内容
摘要:复制代码代码如下:varheader1=document.getElementById("header");varp=document.cr...

复制代码 代码如下:

var header1 = document.getElementById("header");

var p = document.createElement("p"); // 创建一个元素节点

insertAfter(p,header1); // 因为js没有直接追加到指定元素后面的方法 所以要自己创建一个方法

function insertAfter( newElement, targetElement ){ // newElement是要追加的元素 targetElement 是指定元素的位置

var parent = targetElement.parentNode; // 找到指定元素的父节点

if( parent.lastChild == targetElement ){ // 判断指定元素的是否是节点中的最后一个位置 如果是的话就直接使用appendChild方法

parent.appendChild( newElement, targetElement );

}else{

parent.insertBefore( newElement, targetElement.nextSibling );

};

};

【原生js实现给指定元素的后面追加内容】相关文章:

js+html5实现canvas绘制简单矩形的方法

一个很简单的办法实现TD的加亮效果.

js实现鼠标划过给div加透明度的方法

Javascript实现的SHA-256加密算法完整实例

jQuery判断指定id的对象是否存在的方法

js+html5实现canvas绘制镂空字体文本的方法

jquery实现点击label的同时触发文本框点击事件的方法

jQuery实现给页面换肤的方法

js实现从右向左缓缓浮出网页浮动层广告的方法

Nodejs实现批量下载妹纸图

精品推荐
分类导航