有兩個(gè)方法是所有類型的節(jié)點(diǎn)都有的。第一個(gè)就是cloneNode()，用于創(chuàng)建調(diào)用這個(gè)方法的節(jié)點(diǎn)的一個(gè)完全相同的副本。cloneNode()方法接受一個(gè)布爾值參數(shù)，表示是否執(zhí)行深復(fù)制。在參數(shù)為true的情況下，執(zhí)行深復(fù)制，也就是復(fù)制節(jié)點(diǎn)及其整個(gè)子節(jié)點(diǎn)樹;在參數(shù)為false的情況下，執(zhí)行淺復(fù)制，即只復(fù)制節(jié)點(diǎn)本身。復(fù)制后返回的節(jié)點(diǎn)副本屬于文檔所有，但并沒有為它指定父節(jié)點(diǎn)。因此，這個(gè)節(jié)點(diǎn)副本就成為了一個(gè)“孤兒”，除非通過appendChild()、insertBefore()或replaceChild()將它添加到文檔中。例如，假設(shè)有下面的HTML代碼：

item l

item 2

item 3

知果我們已經(jīng)將

元素的引用保存在了變量myList中，那么通常下列代碼就可以看出使用cloneNode()方法的兩種模式：

var deepList=myList.cloneNode(true);

alert (deepList.childNodes.length); //3(IE)或7(其他瀏覽器)

var shallowList=myList. cloneNode(false);

alert( shallowList. childNodes. length); //0

提示:cloneNode()方法不會(huì)復(fù)制添加到DOM節(jié)點(diǎn)中的Javascript屬性,例如事件處理程序等,這個(gè)方法只復(fù)制特性,(在明確指定的情況下也復(fù)制)子節(jié)點(diǎn),其他一切都不會(huì)復(fù)制.IE在此存在一個(gè)BUG,即它會(huì)復(fù)制事件處理程序,所以南昌網(wǎng)站建設(shè)設(shè)計(jì)公司技術(shù)人員建議在復(fù)制前最好先移除事件處理程序

在這個(gè)例子中，deepList中保存著一個(gè)對(duì)myList執(zhí)行深復(fù)制得到的副本。因此，deepList中包含3個(gè)列表項(xiàng)，每個(gè)列表項(xiàng)中都包含文本。而變量shallowList中保存著對(duì)myList執(zhí)行淺復(fù)制得到的副本，因此它不包含子節(jié)點(diǎn)。

我們要介紹的最后一個(gè)方法是normalize()，這個(gè)方法唯一的作用就是處理文檔樹中的文本節(jié)點(diǎn)。由于解析器的實(shí)現(xiàn)或DOM操作等原因，可能會(huì)出現(xiàn)文本節(jié)點(diǎn)不包含文本，或者接連出現(xiàn)兩個(gè)文本節(jié)點(diǎn)的情況。當(dāng)在某個(gè)節(jié)點(diǎn)上調(diào)用這個(gè)方法時(shí)，就會(huì)在該節(jié)點(diǎn)的后代節(jié)點(diǎn)中查找上述兩種情況。如果找到了空文本節(jié)點(diǎn)，則刪除它;如果找到相鄰的文本節(jié)點(diǎn)，則將它們合并為一個(gè)文本節(jié)點(diǎn)。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò) http://m.gimmickmag.com 如轉(zhuǎn)載請(qǐng)注明出處!