快捷導(dǎo)航

Javascript入門學(xué)習(xí)第八篇 js dom節(jié)點(diǎn)屬性說(shuō)明

更新時(shí)間：2008年07月06日 10:02:53 作者：

上2篇文章我們講了用dom方式創(chuàng)建節(jié)點(diǎn)，復(fù)制節(jié)點(diǎn)，插入節(jié)點(diǎn), 刪除節(jié)點(diǎn)，替換節(jié)點(diǎn)，查找節(jié)點(diǎn)，獲取屬性等。。。

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 搜索資料.

您可能感興趣的文章: