The examples below use the XML file books.xml.
Create an element node
This example uses createElement() to create a new element node, and appendChild() to add it to a node.
Create an attribute node using createAttribute
This example uses createAttribute() to create a new attribute node, and setAttributeNode() to insert it to an element.
Create an attribute node using setAttribute
This example uses setAttribute() to create a new attribute for an element.
Create a text node
This example uses createTextNode() to create a new text node, and appendChild() to add it to an element.
Create a CDATA section node
This example uses createCDATAsection() to create a CDATA section node, and appendChild() to add it to an element.
Create a comment node
This example uses createComment() to create a comment node, and appendChild() to add it to an element.
The createElement() method creates a new element node:
newElement = xmlDoc.createElement("edition");
xmlDoc.getElementsByTagName("book")[0].appendChild(newElement);
Try it Yourself »
Example explained:
Loop through and add an element to all <book> elements:
Try
it yourself
The createAttribute() is used to create a new attribute node:
newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first";
xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);
Try it Yourself »
Example explained:
Loop through all <title> elements and add a new attribute node: Try it yourself
If the attribute already exists, it is replaced by the new one.
Since the setAttribute() method creates a new attribute if the attribute does not exist, it can be used to create a new attribute.
Example explained:
Loop through all <title> elements and add a new attribute: Try it yourself
The createTextNode() method creates a new text node:
newEle = xmlDoc.createElement("edition");
newText = xmlDoc.createTextNode("first");
newEle.appendChild(newText);
xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
Try it Yourself »
Example explained:
Add an element node, with a text node, to all <book> elements: Try it yourself
The createCDATASection() method creates a new CDATA section node.
newCDATA = xmlDoc.createCDATASection("Special Offer & Book Sale");
xmlDoc.getElementsByTagName("book")[0].appendChild(newCDATA);
Try it Yourself »
Example explained:
Loop through, and add a CDATA section, to all <book> elements:
Try
it yourself
The createComment() method creates a new comment node.
newComment = xmlDoc.createComment("Revised March 2015");
xmlDoc.getElementsByTagName("book")[0].appendChild(newComment);
Try it Yourself »
Example explained:
Loop through, and add a comment node, to all <book> elements:
Try
it yourself