Tutorials References Exercises Videos Menu
Free Website Get Certified Pro
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP HOW TO W3.CSS JAVA JQUERY C C++ C# R React

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 Elements XSD Empty XSD Elements-only XSD Text-only XSD Mixed XSD Indicators XSD <any> XSD <anyAttribute> XSD Substitution XSD Example

XSD Data Types

XSD String XSD Date/Time 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 ❯

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 ❯