js中dom怎么添加、删除节点

JavaScript中dom有节点构成，节点的操作推动着dom功能的发挥。想要对dom添加或删除节点，首先要先创建节点，使用appendChild()方法添加节点，使用removeChid()方法删除节点。

1、创建节点

createDocumentFragment()//创建一个DOM片段
createElement()//创建一个具体的元素
createTextNode()//创建一个文本节点

2、添加节点：appendChild()方法

该方法添加的元素位于父元素的末尾。

varele=document.getElementById("my_div");
varoldEle=document.createElement("p");
varnewEle=document.createElement("div");
ele.appendChild(oldEle);

3、删除节点：removeChid()方法

用父节点删除子节点。必须要指定是删除哪个子节点。

constulNode=document.querySelectorAll('.list')[0],
liNodes=document.querySelectorAll('.item');
ulNode.removeChild(liNodes[1]);