DOM節(jié)點(diǎn)

節(jié)點(diǎn)類型

每種節(jié)點(diǎn)類型都有一個(gè)關(guān)聯(lián)的數(shù)值,保存在屬性nodeType里,其值的含義如下所示:


最常用的節(jié)點(diǎn)類型是1、2、3,也就是頁面元素、他們的屬性和包含的文本。

childNodes屬性

每個(gè)節(jié)點(diǎn)都有一個(gè)childNodes屬性。這個(gè)屬性類似數(shù)組,包含了當(dāng)前節(jié)點(diǎn)全部直接子節(jié)點(diǎn)的集合,我們可以訪問這些子節(jié)點(diǎn)的信息。
childNodes集合稱為“節(jié)點(diǎn)列表”(NodeList),其中的項(xiàng)目以數(shù)值進(jìn)行索引。節(jié)點(diǎn)列表是一個(gè)動(dòng)態(tài)集合,這表示集合的任何改變都會(huì)立即反映到列表。

對(duì)象.childNodes
//長(zhǎng)度
對(duì)象.childNodes.length

firstChild 和 lastChild

firstChild就是childNodes數(shù)組中的第一個(gè)元素,相當(dāng)于childNodes[0]。
lastChild就是childNodes的最后一個(gè)元素,相當(dāng)于 對(duì)象.childNodes[對(duì)象.childNodes.length - 1]。

parentNode屬性

parentNode屬性保存節(jié)點(diǎn)的父節(jié)點(diǎn)。

nextSibling 和 previousSibling

previousSibling 和 nextSibling 屬性分別返回節(jié)點(diǎn)的前一個(gè)和后一個(gè)兄弟節(jié)點(diǎn),如果不存在相應(yīng)的節(jié)點(diǎn),就返回null。

節(jié)點(diǎn)值

DOM節(jié)點(diǎn)的nodeValue屬性返回保存在節(jié)點(diǎn)里的值,一般用它返回文本節(jié)點(diǎn)里的內(nèi)容。

節(jié)點(diǎn)名稱

nodeName屬性以字符串形式返回節(jié)點(diǎn)的名稱,這個(gè)屬性是只讀,不能修改它的值。當(dāng) nodeName 返回元素名稱時(shí),并不包括HTML源代碼里使用的尖括號(hào)<>。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本篇是基于《JavaScript高級(jí)程序設(shè)計(jì)(第3版)》DOM相關(guān)章節(jié)做的整理與歸納,概述了DOM的常見節(jié)點(diǎn)類型及...
    查查查查查查克閱讀 2,635評(píng)論 2 7
  • 技術(shù)交流QQ群:1027579432,歡迎你的加入! 歡迎關(guān)注我的微信公眾號(hào):CurryCoder的程序人生 1....
    CurryCoder閱讀 332評(píng)論 0 3
  • 節(jié)點(diǎn)屬性 nodeType 節(jié)點(diǎn)的類型,屬性值為數(shù)字,表示不同的節(jié)點(diǎn)類型,共 12 種,只讀1= 元素節(jié)點(diǎn)2= 屬...
    amanohina閱讀 502評(píng)論 0 0
  • dom 1 .js操作網(wǎng)頁的接口,他的作用是將網(wǎng)頁轉(zhuǎn)換一個(gè)可以進(jìn)行腳本操作的js對(duì)象。可以使用document.q...
    skoll閱讀 3,072評(píng)論 0 1
  • ---------------------------------------------------------...
    smartlala閱讀 519評(píng)論 0 0

友情鏈接更多精彩內(nèi)容