DOM操作簡介與DOM樹分許
阿新 • • 發佈:2019-01-03
什麼叫DOM?
- DOM是W3c推薦的標準,用於訪問HTML或者是XML這樣的文件的標準,DOM全稱"Document Object Mode"(檔案物件模型),DOM是一個是程式或指令碼可以對HTML或者XML文件內容進行增加,刪除,修改,訪問的介面.
- DOM將HTML或XML這種檔案結構中的所有內容,定義為一個一個的節點.
檔案節點 | 一整個HTML或者XML檔案 |
註釋節點 | 一段註釋的內容 |
元素節點 | 文件中的一個父元素或者是一個子元素,都被當做一個節點 |
屬性節點 | 元素中定義的每一個屬性,都是一個屬性節點 |
文字節點 | 元素中的內容就是一個文字節點,元素中的內容,並不儲存早元素節點中,而是單獨存在一個文字節點中 |
什麼是DOM樹?
- XML文件中的每一個內容都是一個節點,而XML文件中的內容都是以樹狀的形式排列的.節點和節點之間相對於位置不同,產生不同而關係.
根節點 | 文件之中最頂端的節點,整個文件中只有一個根節點 |
父節點 | 相對於位置來說,如果一個節點之中含有其他節點,那麼就可以稱這個節點為他們的父節點 |
同級節點 | 被同一個父節點所包含的多個節點,他們就是對方的同級節點 |
子節點 | 相對於位置來看,如果A節點,被B節點所包含,那麼B節點就是A節點的子節點 |
- 例如以下的xml內容
<?xml version="1.0" encoding="utf-8"?>
<shop>
<book>
<name>新的世界,新的你</ name>
<year>3</year>
<price >56.6</price>
</book>
<phone>
<mini>
<model id="x101">小米1</model>
<price>1999</price>
</mini>
<huawei>
<type id="h003">華為榮耀1</type>
<price>1999</price>
</huawei>
</phone>
</shop>
- 這些節點的關係,
- 由於XML這些節點都具有特定的結構順序,因此即使在不知道內容的情況下也能夠遍歷DOM樹