javascript-節(jié)點(diǎn)屬性詳解
根據(jù) DOM距帅，HTML 文檔中的每個(gè)成分都是一個(gè)節(jié)點(diǎn)右锨。
DOM 是這樣規(guī)定的：
整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)
每個(gè) HTML 標(biāo)簽是一個(gè)元素節(jié)點(diǎn)
包含在 HTML 元素中的文本是文本節(jié)點(diǎn)
每一個(gè) HTML 屬性是一個(gè)屬性節(jié)點(diǎn)
注釋屬于注釋節(jié)點(diǎn)
一、如何獲得節(jié)點(diǎn)引用
? ? 1.舊的獲取節(jié)點(diǎn)引用方式
? ? ? getElementById()
? ? ? getElementsByTagName()
? ? ? getElementsByName()
*******************************************
劣勢(shì)：
? 1.浪費(fèi)內(nèi)存
? 2.邏輯性不強(qiáng)
*******************************************
? ? 2.通過(guò)節(jié)點(diǎn)? 關(guān)系節(jié)點(diǎn) 獲得節(jié)點(diǎn)的引用
? ? ? 對(duì)象.parentNode? 獲得父節(jié)點(diǎn)的引用
? ? ? 對(duì)象.childNodes? 獲得子節(jié)點(diǎn)的集合
? ? ? 對(duì)象.firstChild? 獲得第一個(gè)子節(jié)點(diǎn)
? ? ? 對(duì)象.lastChild? 獲得最后一個(gè)子節(jié)點(diǎn)
? ? ? 對(duì)象.nextSibling 獲得下一個(gè)兄弟節(jié)點(diǎn)的引用
? ? ? 對(duì)象.previousSibling 獲得上一個(gè)兄弟節(jié)點(diǎn)的引用
****************************************************************
劣勢(shì):兼容性不好碌秸。
****************************************************************? ?
二绍移、節(jié)點(diǎn)的信息(屬性)
? ? ? ? ? ? 節(jié)點(diǎn)類型? ? ? ? ? 節(jié)點(diǎn)名字? ? 節(jié)點(diǎn)值
? ? ? ? ? nodeType(數(shù)值)? ? ? nodeName? nodeValue
元素節(jié)點(diǎn)? ? ? ? 1? ? ? ? ? ? ? ? 標(biāo)簽名? ? null?
屬性節(jié)點(diǎn)? ? ? ? 2? ? ? ? ? ? ? ? 屬性名? ? 屬性值
文本節(jié)點(diǎn)? ? ? ? 3? ? ? ? ? ? ? ? #text? ? 文本
(空格和回車都算是文本節(jié)點(diǎn));
注釋節(jié)點(diǎn)? ? ? ? 8? ? ? ? #comment? 注釋的文字? ?
文檔節(jié)點(diǎn)? ? ? ? 9? ? ? ? ? ? ? ? #document? null
