一、創(chuàng)建節(jié)點
document.createElement():
創(chuàng)建新元素喂走,這個方法只接收一個參數(shù)殃饿,元素的標(biāo)簽名
document.createTextNode()
創(chuàng)建文本節(jié)點,參數(shù)為字符串文本
二芋肠、插入節(jié)點
appendChild()
插入指定的節(jié)點使其成為那個節(jié)點的最后一個子節(jié)點
在插入的元素節(jié)點上調(diào)用
insertBefore(新節(jié)點乎芳,參照節(jié)點)
第一個參數(shù):待插入的節(jié)點
第二個參數(shù):已存在的節(jié)點,新節(jié)點將插入該節(jié)點的前面
在父節(jié)點上調(diào)用
如果調(diào)用appendChild()或insertBefore()將已存在文檔中的一個節(jié)點再次插入帖池,那個
節(jié)點將自動從它當(dāng)前的位置刪除并在新的位置重新輸入奈惑,沒有必要顯式刪除該節(jié)點
封裝一個insertAt(parent,child,n)
三睡汹、刪除和替換節(jié)點
replaceChild(newNode拨脉,oldNode)
old.parentNode.replaceChild(new,old)
刪除一個節(jié)點并用一個新的節(jié)點取而代之矾睦,
第一個參數(shù)是新節(jié)點,第二個參數(shù)需要代替的節(jié)點
在父節(jié)點上調(diào)用該方法
removeChild(node)
從文檔樹中刪除一個節(jié)點
該方法不是在刪除的節(jié)點上調(diào)用牲芋,而是在父節(jié)點上調(diào)用
四、克隆節(jié)點
cloneNode(node,bool)
用于創(chuàng)建調(diào)建這個方法的節(jié)點的一個完全相同的副本
接受一個布爾值參數(shù)栖雾,表示是否執(zhí)行深復(fù)制
true:深復(fù)制
復(fù)制節(jié)點及其整個子節(jié)點樹
false:淺復(fù)制
只復(fù)制節(jié)點本身
復(fù)制后返回的節(jié)點副本屬于文檔所有,但并沒有為它指定父節(jié)點,除非添加到文檔中
不會復(fù)制添加到DOM節(jié)點中的JavaScript屬性村怪,例如事件處理程序,IE就會復(fù)制
事件處理程序浮庐,建議復(fù)制前先移除事件處理程序