JS DOM节点增删改查

增：

var a  = document.createElement('p');   //创建一个P标签

var b = doucument.getElementById('box');  //获取一个ID为box的元素

b.appendChild(a);  //将a作为子节点插入到b节点中

删：

只能使用JS中moveChild()方法删除指定的节点

b.moveChild(a);  //获取到a的父节点，并调用该方法。

a.parentNode.moveChild(a); //获取到a的父节点，并调用该方法。

改：

replaceChild()方法；

a.parentNode.replaceChild(b,a);  //将a节点替换为b节点。

var c = document.createElement('span');

var delete = document.getElementById('...').childNode[0];

delete.replaceChild(c,delete.childNode[0]);  //将delete的第一个子节点替换为c节点

insertBefore()方法；

b.parentNode.insertBefore(a,b);   //再b节点前插入a节点

var c = document.createElement('span');

var list = document.getElementById('box');

list.insertBefore(c,list.childNode[0]);   //将c插入到list的第一个子节点之前

转载于:https://www.cnblogs.com/hdlyczs/p/6758067.html