DOM操作

更新DOM：

1. 通过innerHTML可以设置或修改节点的文本内容，改变节点内部结构。  p.innerHTML = "ABC"

2. 通过innerText和textContent来设置文本，但无法设置任何HTML标签。两者区别在于innerText不返回隐藏元素的文本，而textContent返回所有文本。

插入DOM：

   1. 若节点为空，直接使用innerHTML可以修改节点内的内容，相当于修改了节点内容。

    2. 若节点不为空，可以使用appendChild,把一个子节点插入到父节点的最后一项。

    3. insertBefore.把子节点插入到指定位置。parentElement.insertBefore(newElement,referenceElment);  ,子节点会插到referenceElement之前。

删除节点：

    删除一个节点，首先要获得其本身的节点，和父节点。用removeChild把自己删除。 parentElement.removeChild(selfElement);

转载于:https://my.oschina.net/u/2410364/blog/478218