JavaScript 參考手冊(cè)
-
HTML DOM Anchor 對(duì)象
-
HTML DOM Area 對(duì)象
-
HTML DOM Audio 對(duì)象
-
HTML DOM Base 對(duì)象
-
HTML DOM Blockquote 對(duì)象
-
HTML DOM Body 對(duì)象
-
HTML DOM Button 對(duì)象
-
HTML DOM Canvas 對(duì)象
-
HTML DOM Column 對(duì)象
-
HTML DOM Columngroup 對(duì)象
-
HTML DOM Datalist 對(duì)象
-
HTML DOM Dialog 對(duì)象
-
HTML DOM Form 對(duì)象
-
HTML DOM Frame 和 IFrame 對(duì)象
-
HTML DOM Frameset 對(duì)象
-
HTML DOM Image 對(duì)象
-
HTML DOM ins 對(duì)象
-
HTML DOM Button 對(duì)象
-
HTML DOM Checkbox 對(duì)象
-
HTML DOM Input Color 對(duì)象
-
HTML DOM Input Date 對(duì)象
-
HTML DOM Input Datetime 對(duì)象
-
HTML DOM Input DatetimeLocal 對(duì)象
-
HTML DOM Input Email 對(duì)象
-
HTML DOM FileUpload 對(duì)象
-
HTML DOM Hidden 對(duì)象
-
HTML DOM Input Image 對(duì)象
-
HTML DOM Input Month 對(duì)象
-
HTML DOM Input Number 對(duì)象
-
HTML DOM Input Range 對(duì)象
-
HTML DOM Password 對(duì)象
-
HTML DOM Radio 對(duì)象
-
HTML DOM Reset 對(duì)象
-
HTML DOM Input Search 對(duì)象
-
HTML DOM Submit 對(duì)象
-
HTML DOM Input Text 對(duì)象
-
HTML DOM Input Time 對(duì)象
-
HTML DOM Input URL 對(duì)象
-
HTML DOM Input Week 對(duì)象
-
HTML DOM Keygen 對(duì)象
-
HTML DOM Link 對(duì)象
-
HTML DOM Label 對(duì)象
-
HTML DOM Legend 對(duì)象
-
HTML DOM Li 對(duì)象
-
HTML DOM Map 對(duì)象
-
HTML DOM Menu 對(duì)象
-
HTML DOM MenuItem 對(duì)象
-
HTML DOM Meta 對(duì)象
-
HTML DOM Meter 對(duì)象
-
HTML DOM Object 對(duì)象
-
HTML DOM Ol 對(duì)象
-
HTML DOM OptionGroup 對(duì)象
-
HTML DOM Option 對(duì)象
-
HTML DOM Parameter 對(duì)象
-
HTML DOM Progress 對(duì)象
-
HTML DOM Select 對(duì)象
-
HTML DOM Source 對(duì)象
-
HTML DOM Style 對(duì)象
-
HTML DOM Table 對(duì)象
-
HTML DOM td/th 對(duì)象
-
HTML DOM TableHeader 對(duì)象
-
HTML DOM tr 對(duì)象
-
HTML DOM Textarea 對(duì)象
-
HTML DOM Title 對(duì)象
-
HTML DOM Time 對(duì)象
-
HTML DOM Track 對(duì)象
-
HTML DOM Video 對(duì)象
HTML DOM createDocumentFragment() 方法
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);
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue="Milk";
document.getElementsByTagName("UL")[0].appendChild(d);
輸出結(jié)果：
修改前:
- Coffee
- Tea
修改后:
- Tea
- Milk
運(yùn)行代碼 ?
定義和用法
createdocumentfragment()方法創(chuàng)建了一虛擬的節(jié)點(diǎn)對(duì)象，節(jié)點(diǎn)對(duì)象包含所有屬性和方法。
當(dāng)你想提取文檔的一部分，改變，增加，或刪除某些內(nèi)容及插入到文檔末尾可以使用createDocumentFragment() 方法。
你也可以使用文檔的文檔對(duì)象來執(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 |
|---|
其他擴(kuò)展