HTML DOM createDocumentFragment() 方法
实例
创建一个 documentFragment 节点并向其附加一个子节点(列表项)。然后,更改列表项的节点值,并将其作为列表的最后一个子项插入:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);
亲自试一试 »
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);
定义和用法
createDocumentFragment() 方法创建一个虚构的节点对象,其中包含节点对象的所有属性和方法。
当您想要提取文档的部分内容、更改、添加或删除部分内容,并将其插入到文档中时, createDocumentFragment() 方法非常有用。
您也可以使用文档的文档对象来执行这些更改,但为了防止破坏文档结构,只提取文档的一部分,进行更改,然后将该部分插入到文档中会更安全。
注释: 从文档中附加到文档片段的节点将从文档中删除。
浏览器支持
方法 | |||||
---|---|---|---|---|---|
createDocumentFragment() | Yes | Yes | Yes | Yes | Yes |
语法
document.createDocumentFragment()
参数
None |
技术细节
返回值: | DocumentFragment 对象,表示已创建的 DocumentFragment 节点 |
---|---|
DOM 版本 | Core Level 1 Document Object |