本節(jié)要用到的html例子

1.創(chuàng)建元素節(jié)點(diǎn)
document.createElement() 方法 用于創(chuàng)建元素，接受一個(gè)參數(shù)，即要?jiǎng)?chuàng)建元素的標(biāo)簽名，返回創(chuàng)建的元素節(jié)點(diǎn)

創(chuàng)建元素后還要把元素添加到文檔樹(shù)中

2.添加元素節(jié)點(diǎn)
appendChild() 方法 用于向childNodes列表的末尾添加一個(gè)節(jié)點(diǎn)，返回要添加的元素節(jié)點(diǎn)

添加后:

appendChild() 方法還可以添加已經(jīng)存在的元素，會(huì)將元素從原來(lái)的位置移到新的位置

運(yùn)行后(IE)：

insertBefore() 方法 ，如果不是在末尾插入節(jié)點(diǎn)，而是想放在特定的位置上，用這個(gè)方法，該方法接受2個(gè)參數(shù)，第一個(gè)是要插入的節(jié)點(diǎn)，第二個(gè)是參照節(jié)點(diǎn)，返回要添加的元素節(jié)點(diǎn)

添加后:


添加后:


添加后:

3.移除元素節(jié)點(diǎn)
removeChild() 方法 ，用于移除節(jié)點(diǎn)，接受一個(gè)參數(shù)，即要移除的節(jié)點(diǎn)，返回被移除的節(jié)點(diǎn)，注意被移除的節(jié)點(diǎn)仍然在文檔中，不過(guò)文檔中已沒(méi)有其位置了

4.替換元素節(jié)點(diǎn)
replaceChild() 方法 ，用于替換節(jié)點(diǎn)，接受兩個(gè)參數(shù)，第一參數(shù)是要插入的節(jié)點(diǎn)，第二個(gè)是要替換的節(jié)點(diǎn)，返回被替換的節(jié)點(diǎn)

5.復(fù)制節(jié)點(diǎn)
cloneNode() 方法，用于復(fù)制節(jié)點(diǎn)， 接受一個(gè)布爾值參數(shù)， true 表示深復(fù)制（復(fù)制節(jié)點(diǎn)及其所有子節(jié)點(diǎn)）， false 表示淺復(fù)制（復(fù)制節(jié)點(diǎn)本身，不復(fù)制子節(jié)點(diǎn)）

節(jié)點(diǎn)的操作要注意IE和其它瀏覽器的差異（第十八節(jié)中有講到）

最新評(píng)論