瘋狂XML學習筆記（5）-----------XML DOM

DOM （Document Object Model，文件物件模型）定義存取和操作文件的一套標準方法。

XML DOM

#XML DOM (XML Document Object Model) 定義一套存取和操作XML 文件的標準方法。

DOM 把 XML 文件當作樹狀結構來檢視。能夠透過 DOM 樹來存取所有元素。可以修改或刪除它們的內容，並建立新的元素。元素，它們的文本，以及它們的屬性，都被認為是節點。

在下面的範例中，我們使用DOM 引用從 元素中取得文字：

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue

• xmlDoc -由解析器創建的XML 文件

• #getElementsByTagName("to")[0] -第一個 元素

• childNodes[0] - 元素的第一個子元素（文本節點）

• nodeValue - 節點的值（文字本身）

## 

HTML DOM

#HTML DOM (HTML Document Object Model) 定義一套存取和操作HTML 文件的標準方法。

可以透過 HTML DOM 存取所有 HTML 元素。

在下面的範例中，我們使用DOM 引用來改變id="to" 的HTML 元素的文字：

document.getElementById("to").innerHTML=

• document - HTML 文件

• #getElementById("to") - 其中的id=" to" 的HTML 元素

• innerHTML - HTML 元素的內部文字

# 

#解析XML 檔案- 跨瀏覽器實例

下列程式碼把一個X​​ML 文件("note.xml") 載入XML 解析器中：

W3School.com.cn Internal Note
To: 

From: 

Message: 

輸出：

To: GeorgeFrom: JohnMessage:# Don't forget the meeting!

 

#重要註釋

# #如需從XML 擷取文字"John"，語法是：

getElementsByTagName("from")[0].childNodes[0].nodeValue

#在這個XML 範例中，只有一個 標籤中，但仍需要規定陣列的下標[0]，這是因為XML 解析器方法getElementsByTagName() 傳回所有 節點的一個陣列。

解析XML 字串- 跨瀏覽器實例

下面的程式碼載入並解析一個XML 字串：

W3School.com.cn Internal Note
To: 

From: 

Message: 

#輸出：

To: GeorgeFrom: JohnMessage: Don't forget the meeting!

 
###註解：Internet Explorer 使用loadXML() 方法來解析XML 字串，而其他瀏覽器使用DOMParser 物件。 ############### ###################以上就是瘋狂XML學習筆記（5）-------- ---XML DOM的內容，更多相關內容請關注PHP中文網（www.php.cn）！ ##################