操作DOM

A:更新DOM

1、innerHTML方法：修改一个DOM节点其全部的内容

2、innerText

3、textContent

innerText和textContent区别：读取属性时，innerText不返回隐藏元素的文本，而textContent返回所有文本。另外注意IE<9不支持textContent.

B:插入DOM

1、innerHTML方法：注意：innerHTML会直接替换掉原来的所有子节点，若当前节点不为空，不要用此方式

2、appendChild:在父级节点中的子节点的末尾添加新的节点。注意：若要插入的节点已存在与当前的文档中，这个节点首先会从原先的位置删除，再插入到新的位置。

参考：http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014359940861047248456754f44e55919fe9370c723ae6000

3、insertBefore：把子节点插入到指定节点之前

c:删除节点（removeChild()）

参考：http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001435997163473d309006809fa43abbba322be3eb090a8000