html标签fragment,HTML DOM createDocumentFragment()用法及代码示例

HTML DOM中的createDocumentFragment()方法用于创建文档片段，该片段可用于更改文档内容，例如删除，修改或添加新节点。此方法创建文档片段，然后将文档的元素附加到文档片段并根据需要进行更改。最后，将文档片段附加到文档中。这是一种安全的方法，因此可以防止破坏DOM结构。

用法:

document.createDocumentFragment()

参数：此方法不接受任何参数。

返回值：它返回创建的DocumentFragment节点。

例：

function myGeeks() {

var doc = document.createDocumentFragment();

doc.appendChild

(document.getElementsByTagName("li")[0]);

doc.childNodes[0].childNodes[0].nodeValue =

"SQL";

document.getElementsByTagName

("ul")[0].appendChild(doc);

}

GeeksforGeeks

DOM createDocumentFragment() Method

Click on the button to change

list element

• Data Structure
• Operating System
• C Programming
• DBMS

Click Here!

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM createDocumentFragment()方法支持的浏览器：

谷歌浏览器

IE浏览器

火狐浏览器

Opera

苹果浏览器