摘要:派生自,它包括,如果一個(gè)是的,那它的子類也擁有。節(jié)點(diǎn)的最小組成單位就是節(jié)點(diǎn)。樹就是由不同類型的節(jié)點(diǎn)組成。每個(gè)節(jié)點(diǎn)可以看成是樹上的葉子。節(jié)點(diǎn)節(jié)點(diǎn)和接口,部署了接口。凡是這三類節(jié)點(diǎn)接口,都可以使用下面四個(gè)方法。
Node派生自Object,它包括Element、Text、Document(html)、Coment,如果一個(gè) API 是Node的,那它的子類也擁有。
DOM節(jié)點(diǎn)DOM的最小組成單位就是節(jié)點(diǎn)(node)。DOM樹就是由不同類型的節(jié)點(diǎn)組成。每個(gè)節(jié)點(diǎn)可以看成是DOM樹上的葉子。
在DOM中,節(jié)點(diǎn)的類型一共有7種 屬性: innerText添加文本,會(huì)覆蓋原有文本 nodeName獲取節(jié)點(diǎn)名稱都是大寫,svg是特例,小寫 textContent會(huì)獲取所有元素的內(nèi)容,包括
Document:整個(gè)文檔樹的頂層節(jié)點(diǎn);
DocumentType:dotype標(biāo)簽(比如:)
Element:網(wǎng)頁的各種HTML標(biāo)簽(比如:
Attribute:網(wǎng)頁元素的屬性(比如:id="id" class="class" type="text")
Text:標(biāo)簽之間或標(biāo)簽包含的文本
Comment:注釋
DocumentFragment:文檔片段
Node 的接口
DOM API 記住下面的英文單詞后各自組合就是 DOM 提供的 APIchild/children/parent
node
first/last
next/previous
sibling/siblings
type
value/text/content
inner/outer
element
childNodes獲取所有的子元素(會(huì)獲取到回車)
children獲取所有的子標(biāo)簽,沒有文本
firstChild第一個(gè)元素,會(huì)有文本
lastChild最后一個(gè)元素,會(huì)有文本
firstElementChild,第一個(gè)標(biāo)簽,沒有文本
previousSibling上一個(gè)元素,會(huì)有文本
nextSibling下一個(gè)元素,會(huì)有文本
previousElementSibling下一個(gè)標(biāo)簽,沒有文本
nextSibling下一個(gè)元素,會(huì)有文本
nodeType獲取節(jié)點(diǎn)類型,1是元素節(jié)點(diǎn),3是文本節(jié)點(diǎn),11是DocumentFragment