HTML DOM createDocumentFragment() 方法

2018-12-02 13:42 更新

HTML DOM createDocumentFragment() 方法

Document 對(duì)象參考手冊(cè) Document 對(duì)象

實(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);

輸出結(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)。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要瀏覽器都支持 createDocumentFragment() 方法


語(yǔ)法

document.createDocumentFragment()

參數(shù)

None.

返回值

類型 描述
DocumentFragment 對(duì)象創(chuàng)建文檔片段對(duì)象

技術(shù)細(xì)節(jié)

DOM 版本Core Level 1 Document Object


Document 對(duì)象參考手冊(cè) Document 對(duì)象

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)