DOM物件的層次

2021-08-28 01:55:13 字數 1026 閱讀 4152

一 介紹

文件物件模型採用的分層結構為樹形結構,以樹節點的方式表示文件中的各種內容。先以乙個簡單的html文件說明一下。

二 **

加粗內容

三 執行結果加粗內容四 文件的層次結構

五 概念介紹

1、根節點

在最頂層的節點,稱為根節點。

2、父節點

乙個節點之上的節點是該節點的父節點(parent)。例如,是和的父節點,是的父節點。

3、子節點

位於乙個節點之下的節點就是該節點的子節點。例如,和是的子節點,是的子節點。

4、兄弟節點

如果多個節點在同乙個層次,並擁有著相同的父節點,這幾個節點就是兄弟節點(sibling)。例如,和是兄弟節點,和也是兄弟節點。

5、後代

乙個節點的子節點的結合可以稱為是該節點的後代(descendant)。例如,和是的後代,和是的後代。

6、葉子節點

在樹形結構最底部的節點稱為葉子節點。例如,「標題內容」、「3號標題」和「加粗內容」都是葉子節點。

六、文件物件模型中節點的3種型別

元素節點:在html中,、、等一系列標記,是這個文件的元素節點。元素節點組成了文件物件模型的語義邏輯結構。 

文字節點:包含在元素節點中的內容部分,如標籤中的文字等等。一般情況下,不為空的文字節點都是可見並呈現於瀏覽器中的。 

屬性節點:元素節點的屬性,如標籤的href屬性與title屬性等等。一般情況下,大部分屬性節點都是隱藏在瀏覽器背後,並且是不可見的。屬性節點總是被包含於元素節點當中。

DOM 節點層次

一 dom1級定義了乙個node介面,這個介面是由dom中的所有節點型別實現的。node介面共有12種節點型別,常見的是元素節點 文字節點和文件節點。node.element node 1 元素節點 node.text node 3 文字節點 node.document node 9 文件節點 二 ...

DOM 節點層次 Element型別

一 element型別 nodetype 1 nodename 元素名 nodevalue null parentvalue document 或者 element var odiv document.getelementbyid example alert odiv.tagname div ale...

DOM 節點層次 Document型別

一 document型別 nodetype 9 nodename document nodevalue null parentvalue null ownerdocumet null.其他瀏覽器 除ie 可以訪問document的建構函式與原型 所有瀏覽器 包括ie8 訪問 htmldocument...