4, childNodes屬性 ： 返回一個(gè)數(shù)組，數(shù)組由元素節(jié)點(diǎn)的子節(jié)點(diǎn)構(gòu)成。
由于文本節(jié)點(diǎn)和屬性節(jié)點(diǎn)都不可能再包含任何子節(jié)點(diǎn)，
所以他們的childNodes屬性永遠(yuǎn)返回一個(gè)空數(shù)組。

可以使用hasChildNodes方法，它用來(lái)判斷某個(gè)元素有沒(méi)有子節(jié)點(diǎn)。
或者  if (container.childNodes.length < 1) ；

childNodes也是一個(gè)只讀屬性。如果要增加節(jié)點(diǎn)，可以使用appendChild()或者insertBefore() ， 
刪除節(jié)點(diǎn)可以使用removeChild();
操作后，childNodes屬性會(huì)自動(dòng)刷新。

5, firstChild屬性 ：
由于文本節(jié)點(diǎn)和屬性節(jié)點(diǎn)都不可能再包含任何子節(jié)點(diǎn)，
所以他們的firstChild屬性永遠(yuǎn)返回一個(gè)空數(shù)組。 如果沒(méi)有子節(jié)點(diǎn)，將返回null;
 node.firstChild  等價(jià)于  node.childNodes[0]  ;
firstChild屬性是一個(gè)只讀屬性。


6 , lastChild屬性 ：  
由于文本節(jié)點(diǎn)和屬性節(jié)點(diǎn)都不可能再包含任何子節(jié)點(diǎn)，
所以他們的lastChild屬性永遠(yuǎn)返回一個(gè)空數(shù)組。 如果沒(méi)有子節(jié)點(diǎn)，將返回null;
 node.lastChild  等價(jià)于  node.childNodes[ node.childNodes.length - 1 ]  ;
lastChild屬性是一個(gè)只讀屬性。

7 , nextSibling 屬性 ：
返回目標(biāo)節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn)。
如果目標(biāo)節(jié)點(diǎn)后面沒(méi)有同屬于一個(gè)父節(jié)點(diǎn)的節(jié)點(diǎn)，nextSibling 將返回null ；
nextSibling 屬性是一個(gè)只讀屬性。

8 , previousSibling屬性 ：
返回目標(biāo)節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn)。
如果目標(biāo)節(jié)點(diǎn)前面沒(méi)有同屬于一個(gè)父節(jié)點(diǎn)的節(jié)點(diǎn)，previousSibling 將返回null ；
previousSibling 屬性是一個(gè)只讀屬性。

9 , parentNode 屬性 ：
注：parentNode屬性返回的節(jié)點(diǎn)永遠(yuǎn)是一個(gè)元素節(jié)點(diǎn)，因?yàn)橹挥性毓?jié)點(diǎn)才有可能有子節(jié)點(diǎn)。
當(dāng)然有個(gè)例外：
document節(jié)點(diǎn)，他沒(méi)有父節(jié)點(diǎn)。所以document節(jié)點(diǎn)的parentNode屬性將返回null；
parentNode 屬性是一個(gè)只讀屬性。

好了，DOM的常用屬性和方法說(shuō)到這里，了解這些方法的使用，
相信大家的DOM編程技術(shù)會(huì)有很大的提高。


如果還有不懂，可以google 搜索資料.

最新評(píng)論