【appendChild】初学js插入节点appendChild insertBefore使用方法-insertBefore

复制代码 代码如下:

function insertEle() {
var oTest=document.getElementById("box-one");
var newNode=document.createElement("div");
var reforeNode=document.getElementById("p1");
newNode.innerHTML=" This is a newcon ";
oTest.insertBefore(newNode,reforeNode.nextSibling);//新建的元素节点插入到 id为p1后面节点元素的 前面，
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　也就是说 插入id为P1节点元素的后面。
}

这里想说的是 nextSibling :某个元素之后紧跟的元素（处于同一树层级中）。

reforeNode.nextSibling ：取得的是reforeNode对象的紧跟着的下一个节点。

previousSibling - 取得某节点的上一个同级节点

由于可见insertBefore()方法的特性是在已有的子节点前面插入新的节点但是两种情况结合起来发现insertBefore()方法插入节点，是可以在子节点列表的任意位置。

呵呵呵。。。有些方法不只是作用于定义的那些特性，只要 符合语法，结合一些属性总会有意想不到的收获。

作为初学者，我懂的不多，或许我的理解还很浅薄，有些可能理解错了，希望看到的能够给我提点下，我不求别的，我只希望在这里记录点点滴滴和吸取大家的建议 来促进我的成长。。。

关于初学js插入节点appendChild insertBefore使用方法的用户互动如下：

　　相关问题：关于JS中appendChild的用法

　　答：appendChild() 方法是向节点添加最后一个子节点。 例子： CoffeeTea var node=document.createElement("LI"); //创建一个li节点 var textnode=document.createTextNode("Water"); //创建一个文本节点内容 node.appendChild(textnode); //将文本... >>详细

　　相关问题：js中 appendchild是添加到一个容器的后面，如何插...

　　答： 1 2 3 var divObj= $("0"); $('#did').first().insertBefore(divObj); 最后结果就是你要的把div0插入到div1的前面。 >>详细

　　相关问题：js关于insertBefore与appendChild

　　答：document.body.insertBefore (node, document.body.childNodes[0]); >>详细