XML DOM Advanced

« Previous Chapter

Next Chapter »

---

Get the Value of an Element

The Below example retrieves the text value of the first <title> element:

Example txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

---

Get the Value of an Attribute

The Below example retrieves the text value of the "lang" attribute of the first <title> element:

Example txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

---

Change the Value of an Element

The Below example changes the text value of the first <title> element:

Example x=xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.nodeValue="Easy angry";

---

Create a New Attribute

The XML DOM setAttribute() method can be used to change the value of an existing attribute, or to create a new attribute.

The Below example adds a new attribute (edition="first") to each <book> element:

Example x=xmlDoc.getElementsByTagName("book"); for(i=0;i<x.length;i++)   {   x[i].setAttribute("edition","first");   }

---

Create an 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 Below example creates a new element (<edition>), with the following text: First, and adds it to the first <book> element:

Example newel=xmlDoc.createElement("edition"); newtext=xmlDoc.createTextNode("First"); newel.appendChild(newtext); x=xmlDoc.getElementsByTagName("book"); x[0].appendChild(newel);

Example explained:

• Create an <edition> element
• Create a text node with the following text: First
• Append the text node to the new <edition> element
• Append the <edition> element to the first <book> element

---

Remove an Element

The Below example removes the first node in the first <book> element:

Example x=xmlDoc.getElementsByTagName("book")[0]; x.removeChild(x.childNodes[0]);

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.

« Previous Chapter

Next Chapter »

---