In an earlier chapter of this tutorial we introduced the XML DOM, and we used the getElementsByTagName() method to retrieve data from an XML document.
In this chapter we will explain some other important XML DOM methods.
You can learn more about the XML DOM in our XML DOM tutorial.
The XML file used in the examples below: books.xml.
The following example retrieves the text value of the first <title> element:
The following example retrieves the text value of the "lang" attribute of the first <title> element:
The following example changes the text value of the first <title> element:
The XML DOM setAttribute() method can be used to change the value of an existing attribute, or to create a new attribute.
The following example adds a new attribute (edition="first") to each <book> element:
The XML DOM createElement() method creates a new element node.
The XML DOM createTextNode() method creates a new text node.
The XML DOM appendChild() method adds a child node to a node (after the last child).
To create a new element with text content, it is necessary to both create a new element node and a new text node, and then append it to an existing node.
The following example creates a new element (<edition>), with the following text: First, and adds it to the first <book> element:
Example explained:
The following example removes the first node in the first <book> element:
Note: The result of the example above may be different depending on what browser you use. Firefox treats new lines as empty text nodes, Internet Explorer does not. You can read more about this and how to avoid it in our XML DOM tutorial.