DOM的基本操作有四种，我们会逐一给大家进行展示
增加操作
1.创建元素节点 createElement
我们可以通过document.createElement(‘div’);这个方法来创建一个元素，里面的参数填写我们要创建的标签名称，像div、p、span等等。
var div = document.createElement(‘div’);
JavaScript; “复制代码”); “查看纯文本代码”); “返回代码高亮”)
这样我们先创建一个div。
2.创建文本节点 document.createTextNode
我们可以通过document.createTextNode(‘abcd’)方法来创建一个文本节点，里面的参数填写我们的文本内容。
var text = document.createTextNode(‘hello’);
JavaScript; “复制代码”); “查看纯文本代码”); “返回代码高亮”)
这里我们再创建一个文本节点。
3.创建注释节点 document.createComment
我们可以通过document.createComment(‘comment’);方法来创建一个注释节点，参数写我们要写的注释内容。虽然我从来没用过…但是还是要介绍这个方法。
var comment = document.createComment(‘comment’);
JavaScript; “复制代码”); “查看纯文本代码”); “返回代码高亮”)
这里我们再创建一个注释文本节点。
4.创建文档碎片 document.createDocumentFragment
这个方法可以创建一个文档碎片，我们在后面讲的有关提高性能的部分会用到这个方法。