DOM節(jié)點(diǎn)
- 在文檔對(duì)象模型（DOM）當(dāng)中，每個(gè)節(jié)點(diǎn)都是對(duì)象
- 要認(rèn)識(shí)DOM節(jié)點(diǎn)的三個(gè)重要屬性
1 節(jié)點(diǎn)類型-nodeType
2 節(jié)點(diǎn)名稱-nodeName
3 節(jié)點(diǎn)值-nodeValue
1：認(rèn)識(shí)nodeType屬性
- nodeType節(jié)點(diǎn)的類型是只讀的
- nodeType節(jié)點(diǎn)返回的是以數(shù)字值返回的指定的節(jié)點(diǎn)類型
1 節(jié)點(diǎn)如果是元素節(jié)點(diǎn)--nodeType屬新返回的結(jié)果是1
2 節(jié)點(diǎn)如果是屬性節(jié)點(diǎn)--nodeType屬性返回的結(jié)果是2
2:認(rèn)識(shí)nodeName屬性
- 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)dnodeName永遠(yuǎn)是#document
3:認(rèn)識(shí)nodeValue屬性
- nodeValue是節(jié)點(diǎn)的值
1 元素節(jié)點(diǎn)的nodeValue是undefined或者null
2 屬性節(jié)點(diǎn)的nodeValue是屬性的值
3 文本節(jié)點(diǎn)的nodeValue是文本自身
獲取DOM里面的元素節(jié)點(diǎn)
1 通過"ID"獲取元素節(jié)點(diǎn)：getElementById("id")
- ID是獨(dú)一無二的
- 可以快速的查找詳細(xì)的元素節(jié)點(diǎn)
- 多個(gè)ID同時(shí)存在的時(shí)候撼港，只會(huì)讀取最先的一個(gè)節(jié)點(diǎn)
2 通過"類標(biāo)簽"獲取元素節(jié)點(diǎn)：getElementsByClass("class") - 類標(biāo)簽和CSS里面的類標(biāo)簽相似
- 類標(biāo)簽可以查找多個(gè)節(jié)點(diǎn)
3 通過"標(biāo)簽名字"獲取元素節(jié)點(diǎn)：getElementsByTagName("name") - 標(biāo)簽名字可以獲取文檔節(jié)點(diǎn)中所有相同的節(jié)點(diǎn)
4:訪問子節(jié)點(diǎn)
- 子節(jié)點(diǎn)的訪問：childnodes
獲取子節(jié)點(diǎn).PNG
5訪問子節(jié)點(diǎn)的第一個(gè)和最后一個(gè)
