在文檔對(duì)象模型 (DOM) 中,每個(gè)節(jié)點(diǎn)都是一個(gè)對(duì)象。DOM 節(jié)點(diǎn)有三個(gè)重要的屬性 :
1. nodeName : 節(jié)點(diǎn)的名稱
2. nodeValue :節(jié)點(diǎn)的值
3. nodeType :節(jié)點(diǎn)的類型
一、nodeName 屬性: 節(jié)點(diǎn)的名稱,是只讀的。
1. 元素節(jié)點(diǎn)的 nodeName 與標(biāo)簽名相同
2. 屬性節(jié)點(diǎn)的 nodeName 是屬性的名稱
3. 文本節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #text
4. 文檔節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #document
二、nodeValue 屬性:節(jié)點(diǎn)的值
1. 元素節(jié)點(diǎn)的 nodeValue 是 undefined 或 null
2. 文本節(jié)點(diǎn)的 nodeValue 是文本自身
3. 屬性節(jié)點(diǎn)的 nodeValue 是屬性的值
三、nodeType 屬性: 節(jié)點(diǎn)的類型,是只讀的。以下常用的幾種結(jié)點(diǎn)類型:
元素類型 節(jié)點(diǎn)類型
元素 1
屬性 2
文本 3
注釋 8
文檔 9
試一試,在<script>的標(biāo)簽內(nèi)容,獲取所有LI標(biāo)簽,并輸出相應(yīng)節(jié)點(diǎn)的名稱、節(jié)點(diǎn)的值、節(jié)點(diǎn)的類型。
1. 獲取li標(biāo)簽使用getElementsByTagName()。
2. 輸出所有l(wèi)i元素節(jié)點(diǎn)的屬性,使用for和 nodeName 、 nodeValue 、nodeType屬性。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)