Javascript入門學(xué)習(xí)第八篇 js dom節(jié)點屬性說明第2/2頁
更新時間:2008年07月06日 10:02:53 作者:
上2篇文章我們講了 用dom方式 創(chuàng)建節(jié)點,復(fù)制節(jié)點,插入節(jié)點, 刪除節(jié)點,替換節(jié)點,查找節(jié)點,獲取屬性等。。。
4, childNodes屬性 : 返回一個數(shù)組,數(shù)組由元素節(jié)點的子節(jié)點構(gòu)成。
由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點,
所以他們的childNodes屬性永遠返回一個空數(shù)組。
可以使用hasChildNodes方法,它用來判斷某個元素有沒有子節(jié)點。
或者 if (container.childNodes.length < 1) ;
childNodes也是一個只讀屬性。如果要增加節(jié)點,可以使用appendChild()或者insertBefore() ,
刪除節(jié)點可以使用removeChild();
操作后,childNodes屬性會自動刷新。
5, firstChild屬性 :
由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點,
所以他們的firstChild屬性永遠返回一個空數(shù)組。 如果沒有子節(jié)點,將返回null;
node.firstChild 等價于 node.childNodes[0] ;
firstChild屬性是一個只讀屬性。
6 , lastChild屬性 :
由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點,
所以他們的lastChild屬性永遠返回一個空數(shù)組。 如果沒有子節(jié)點,將返回null;
node.lastChild 等價于 node.childNodes[ node.childNodes.length - 1 ] ;
lastChild屬性是一個只讀屬性。
7 , nextSibling 屬性 :
返回目標節(jié)點的下一個兄弟節(jié)點。
如果目標節(jié)點后面沒有同屬于一個父節(jié)點的節(jié)點,nextSibling 將返回null ;
nextSibling 屬性是一個只讀屬性。
8 , previousSibling屬性 :
返回目標節(jié)點的前一個兄弟節(jié)點。
如果目標節(jié)點前面沒有同屬于一個父節(jié)點的節(jié)點,previousSibling 將返回null ;
previousSibling 屬性是一個只讀屬性。
9 , parentNode 屬性 :
注:parentNode屬性返回的節(jié)點永遠是一個元素節(jié)點,因為只有元素節(jié)點才有可能有子節(jié)點。
當然有個例外:
document節(jié)點,他沒有父節(jié)點。所以document節(jié)點的parentNode屬性將返回null;
parentNode 屬性是一個只讀屬性。
好了,DOM的常用屬性和方法說到這里,了解這些方法的使用,
相信大家的DOM編程技術(shù)會有很大的提高。
如果還有不懂,可以google 搜索資料.
您可能感興趣的文章:
- js遍歷子節(jié)點子元素附屬性及方法
- JavaScript 節(jié)點操作 以及DOMDocument屬性和方法
- JS獲取節(jié)點的兄弟,父級,子級元素的方法
- JS獲取父節(jié)點方法
- Javascript removeChild()刪除節(jié)點及刪除子節(jié)點的方法
- javascript獲取網(wǎng)頁中指定節(jié)點的父節(jié)點、子節(jié)點的方法小結(jié)
- JavaScript 用cloneNode方法克隆節(jié)點的代碼
- javascript獲取dom的下一個節(jié)點方法
- js查找父節(jié)點的簡單方法
- JavaScript實現(xiàn)body內(nèi)任意節(jié)點的自定義屬性功能示例
相關(guān)文章
JavaScript基礎(chǔ)語法與數(shù)據(jù)類型介紹
這篇文章介紹了JavaScript基礎(chǔ)語法與數(shù)據(jù)類型,文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-02-02JavaScript 學(xué)習(xí)筆記之基礎(chǔ)中的基礎(chǔ)
這篇文章主要介紹了JavaScript 學(xué)習(xí)筆記系列的第一篇文章,跟所有開篇一樣,本文我們介紹的都是些基礎(chǔ)中的基礎(chǔ)知識,雖然都是基礎(chǔ),但建議大家不要略過此文2015-01-01javascript數(shù)組去重方法總結(jié)(推薦)
這篇文章主要介紹了javascript數(shù)組去重方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03