HTML DOM createDocumentFragment() 方法
實(shí)例
創(chuàng)建一個(gè) documentFragment 節(jié)點(diǎn):
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);
輸出結(jié)果:
修改前:
- Coffee
- Tea
修改后:
- Tea
- Milk
嘗試一下 ?
定義和用法
createdocumentfragment()方法創(chuàng)建了一虛擬的節(jié)點(diǎn)對(duì)象,節(jié)點(diǎn)對(duì)象包含所有屬性和方法。
當(dāng)你想提取文檔的一部分,改變,增加,或刪除某些內(nèi)容及插入到文檔末尾可以使用createDocumentFragment() 方法。
你也可以使用文檔的文檔對(duì)象來(lái)執(zhí)行這些變化,但要防止文件結(jié)構(gòu)被破壞,createDocumentFragment() 方法可以更安全改變文檔的結(jié)構(gòu)及節(jié)點(diǎn)。
瀏覽器支持
所有主要瀏覽器都支持 createDocumentFragment() 方法
語(yǔ)法
document.createDocumentFragment()
參數(shù)
None.
返回值
類型 | 描述 |
---|---|
DocumentFragment 對(duì)象 | 創(chuàng)建文檔片段對(duì)象 |
技術(shù)細(xì)節(jié)
DOM 版本 | Core Level 1 Document Object |
---|
更多建議: