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浏览器
• 火狐
• 歌剧
• 苹果浏览器