Text 节点， DocumentFragment 节点

1.文本节点（Text）代表元素节点（Element）和属性节点（Attribute）的文本内容。

• 如果一个节点只包含一段文本，那么它就有一个文本子节点，代表该节点的文本内容。

2.空格也是一个字符，也会形成文本节点。

3.data属性等同于nodeValue属性，用来设置或读取文本节点的内容。

4.wholeText属性将当前文本节点与毗邻的文本节点，作为一个整体返回。

5.length属性返回当前文本节点的文本长度。

6.nextElementSibling属性返回紧跟在当前文本节点后面的那个同级元素节点。

7.previousElementSibling属性返回当前文本节点前面最近的同级元素节点。

8.appendData()：在Text节点尾部追加字符串。

9.deleteData()：删除Text节点内部的子字符串，第一个参数为子字符串开始位置，第二个参数为子字符串长度。

10.insertData()：在Text节点插入字符串，第一个参数为插入位置，第二个参数为插入的子字符串。

11.replaceData()：用于替换文本，第一个参数为替换开始位置，第二个参数为需要被替换掉的长度，第三个参数为新加入的字符串。

12.subStringData()：用于获取子字符串，第一个参数为子字符串在Text节点中的开始位置，第二个参数为子字符串长度。

13.remove()方法用于移除当前Text节点。

14.splitText()方法将Text节点一分为二，变成两个毗邻的Text节点。

15.normalize()方法可以将毗邻的两个Text节点合并。

 

1.DocumentFragment节点代表一个文档的片段，一般用于构建一个 DOM 结构，然后插入当前文档。

2.它不属于当前文档，操作DocumentFragment节点，要比直接操作 DOM 树快得多。

3.DocumentFragment节点本身不能被插入当前文档。

• 是它的所有子节点插入当前文档，而不是它自身。
• 一旦DocumentFragment节点被添加进当前文档，它自身就变成了空节点（textContent属性为空字符串），可以被再次使用。

3.DocumentFragment构造函数可以创建一个空的DocumentFragment节点。

4.document.createDocumentFragment()方法也可以创建一个空的DocumentFragment节点。

5.DocumentFragment节点比Node节点多出以下四个属性。

• children：返回一个动态的HTMLCollection集合对象，包括当前DocumentFragment对象的所有子元素节点。
• firstElementChild：返回当前DocumentFragment对象的第一个子元素节点，如果没有则返回null。
• lastElementChild：返回当前DocumentFragment对象的最后一个子元素节点，如果没有则返回null。
• childElementCount：返回当前DocumentFragment对象的所有子元素数量。