首頁  >  文章  >  後端開發  >  瘋狂XML學習筆記(5)-----------XML DOM

瘋狂XML學習筆記(5)-----------XML DOM

黄舟
黄舟原創
2017-02-21 14:30:341367瀏覽


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

XML DOM

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

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

在下面的範例中,我們使用DOM 引用從05034471df6398a62d5708f78b78e0ac 元素中取得文字:

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue
  • xmlDoc -由解析器創建的XML 文件

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

  • childNodes[0] - 05034471df6398a62d5708f78b78e0ac 元素的第一個子元素(文本節點)

  • 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 範例中,只有一個66fd2ada9ebb04d4250c850dc1e3737e 標籤中,但仍需要規定陣列的下標[0],這是因為XML 解析器方法getElementsByTagName() 傳回所有66fd2ada9ebb04d4250c850dc1e3737e 節點的一個陣列。

解析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)! ##################
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn