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);
輸出結果:
修改前:
- Coffee
- Tea
修改後:
- Tea
- Milk
定義和用法
createdocumentfragment()方法創建了一虛擬的節點對象,節點對象包含所有屬性和方法。
當你想提取文檔的一部分,改變,增加,或刪除某些內容及插入到文檔末尾可以使用createDocumentFragment() 方法。
你也可以使用文檔的文檔對象來執行這些變化,但要防止檔結構被破壞,createDocumentFragment() 方法可以更安全改變文檔的結構及節點。
流覽器支持
所有主要流覽器都支持 createDocumentFragment() 方法
語法
document.createDocumentFragment()
參數
None.
返回值
類型 | 描述 |
---|---|
DocumentFragment 對象 | 創建文檔片段對象 |
技術細節
DOM 版本 | Core Level 1 Document Object |
---|