Crazy XML study notes (5) -----------XML DOM

黄舟

Release： 2017-02-21 14:30:34

Original

1348 people have browsed it

DOM (Document Object Model, Document Object Model) defines a set of standard methods for accessing and manipulating documents.

XML DOM

##XML DOM (XML Document Object Model) Definition A set of standard methods for accessing and manipulating XML documents.

DOM View XML documents as a tree structure. All elements can be accessed through the DOM tree. Their contents can be modified or deleted, and new elements created. Elements, their text, and their attributes are all considered nodes.

In the following example, we use a DOM reference to get the text from the element:

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

Copy after login

xmlDoc - XML document created by the parser
getElementsByTagName("to")[0] - First element
childNodes[0] - The first child element of the element (text node)
nodeValue - the value of the node (the text itself)

HTML DOM

##HTML DOM (HTML Document Object Model) Definition A set of standard methods for accessing and manipulating HTML documents.

All HTML elements can be accessed through the HTML DOM.

In the following example, we use a DOM reference to change the text of the HTML element with id="to":

document.getElementById("to").innerHTML=

Copy after login

document - HTML document
##getElementById("to")
- where id=" to" HTML element
innerHTML
- The inner text of the HTML element

Parse XML file - cross-browser example

The following code Load an XML document ("note.xml") into the XML parser:

W3School.com.cn Internal Note

To:
From:
Message:

Copy after login

Output:

To:

GeorgeFrom: JohnMessage: Don't forget the meeting!

Important Note

To extract the text "John" from XML, the syntax is:

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

Copy after login

In this XML example, there is only one tag, but you still need to specify the bottom of the array Tag [0] because the XML parser method getElementsByTagName() returns an array of all nodes.

Parsing XML String - Cross-Browser Example

The code below loads and Parse an XML string:

W3School.com.cn Internal Note

To:
From:
Message:

Copy after login

Output:

To: GeorgeFrom: JohnMessage: Don&#39;t forget the meeting!

Copy after login

Note: Internet Explorer uses the loadXML() method to To parse XML strings, other browsers use DOMParser objects.

The above are the crazy XML study notes (5)-------- ---XML DOM content, please pay attention to the PHP Chinese website (www.php.cn) for more related content!