DOM基础操作（一）

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

这个方法可以创建一个文档碎片，我们在后面讲的有关提高性能的部分会用到这个方法。