1. 程式人生 > >DOM操作簡介與DOM樹分許

DOM操作簡介與DOM樹分許

什麼叫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樹