THE WORLD'S LARGEST WEB DEVELOPER SITE
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP HOW TO JQUERY W3.CSS ANGULARJS XML MORE FORUM EXAMPLES REFERENCES
×

XML Tutorial

XML HOME XML Introduction XML How to use XML Tree XML Syntax XML Elements XML Attributes XML Namespaces XML Display XML HttpRequest XML Parser XML DOM XML XPath XML XSLT XML XQuery XML XLink XML Validator XML DTD XML Schema XML Server XML Examples XML Quiz XML Certificate

XML AJAX

AJAX Introduction AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples

XML DOM

DOM Introduction DOM Nodes DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Navigating DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM Examples

XPath Tutorial

XPath Introduction XPath Nodes XPath Syntax XPath Axes XPath Operators XPath Examples

XSLT Tutorial

XSLT Introduction XSL Languages XSLT Transform XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT Apply XSLT on the Client XSLT on the Server XSLT Edit XML XSLT Examples

XQuery Tutorial

XQuery Introduction XQuery Example XQuery FLWOR XQuery HTML XQuery Terms XQuery Syntax XQuery Add XQuery Select XQuery Functions

XML DTD

DTD Introduction DTD Building Blocks DTD Elements DTD Attributes DTD Elements vs Attr DTD Entities DTD Examples

XSD Schema

XSD Introduction XSD How To XSD <schema> XSD Elements XSD Attributes XSD Restrictions

XSD Complex

XSD Elements XSD Empty XSD Elements Only XSD Text Only XSD Mixed XSD Indicators XSD <any> XSD <anyAttribute> XSD Substitution XSD Example

XSD Data

XSD String XSD Date XSD Numeric XSD Misc XSD Reference

Web Services

XML Services XML WSDL XML SOAP XML RDF XML RSS

References

DOM Node Types DOM Node DOM NodeList DOM NamedNodeMap DOM Document DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM XMLHttpRequest DOM Parser XSLT Elements XSLT/XPath Functions

XML DOM Create Nodes

❮ Previous Next ❯

Try it Yourself - Examples

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.

×

Header

Create a New Element Node

The createElement() method creates a new element node:

Example

newElement = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newElement);
Try it Yourself »

Example explained:

  1. Suppose "books.xml" is loaded into xmlDoc
  2. Create a new element node <edition>
  3. Append the element node to the first <book> element

Loop through and add an element to all <book> elements: Try it yourself

Create a New Attribute Node

The createAttribute() is used to create a new attribute node:

Example

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first";

xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);
Try it Yourself »

Example explained:

  1. Suppose "books.xml" is loaded into xmlDoc
  2. Create a new attribute node "edition"
  3. Set the value of the attribute node to "first"
  4. Add the new attribute node to the first <title> element

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.

Create an Attribute Using setAttribute()

Since the setAttribute() method creates a new attribute if the attribute does not exist, it can be used to create a new attribute.

Example

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","first");
Try it Yourself »

Example explained:

  1. Suppose "books.xml" is loaded into xmlDoc
  2. Set the attribute "edition" value to "first" for the first <book> element

Loop through all <title> elements and add a new attribute: Try it yourself

Create a Text Node

The createTextNode() method creates a new text node:

Example

newEle = xmlDoc.createElement("edition");
newText = xmlDoc.createTextNode("first");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
Try it Yourself »

Example explained:

  1. Suppose "books.xml" is loaded into xmlDoc
  2. Create a new element node <edition>
  3. Create a new text node with the text "first"
  4. Append the new text node to the element node
  5. Append the new element node to the first <book> element

Add an element node, with a text node, to all <book> elements: Try it yourself

Create a CDATA Section Node

The createCDATASection() method creates a new CDATA section node.

Example

newCDATA = xmlDoc.createCDATASection("Special Offer & Book Sale");

xmlDoc.getElementsByTagName("book")[0].appendChild(newCDATA);
Try it Yourself »

Example explained:

  1. Suppose "books.xml" is loaded into xmlDoc
  2. Create a new CDATA section node
  3. Append the new CDATA node to the first <book> element

Loop through, and add a CDATA section, to all <book> elements: Try it yourself

Create a Comment Node

The createComment() method creates a new comment node.

Example

newComment = xmlDoc.createComment("Revised March 2015");

xmlDoc.getElementsByTagName("book")[0].appendChild(newComment);
Try it Yourself »

Example explained:

  1. Suppose "books.xml" is loaded into xmlDoc using
  2. Create a new comment node
  3. Append the new comment node to the first <book> element

Loop through, and add a comment node, to all <book> elements: Try it yourself


❮ Previous Next ❯