February 11, 2002 - Adding A CDATA Section to An XML Tree | WebReference

February 11, 2002 - Adding A CDATA Section to An XML Tree

Yehuda Shiran February 11, 2002
Adding A CDATA Section to An XML Tree
Tips: February 2002

Yehuda Shiran, Ph.D.
Doc JavaScript

You can add a CDATA node to an XML tree with the createCDATASection() method. The CDATA tags, <![CDATE[ and ]]>, keep the text from being interpreted as markup language. The syntax of the method is:

  createCDTATSection(data)
where data is the text within the element's tags. Let's look at an example. First, let's read in our mydvd XML file:

  var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
  xmlDoc.async = false;
  xmlDoc.load("mydvd.xml");
Now, create the new CDATA object:

  var cdataSection = xmlDoc.createCDATASection("This 
      is a comment. It is not parsed by the XML parser. You 
      can include  inside this section");
We append the new cdataSection node to the DOM's root:

  xmlDoc.documentElement.appendChild(cdataSection);
Let's summarize the above calls in one function:

  function addCDATASection() {
    var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
    var namedNodeMap;
    xmlDoc.async = false;
    xmlDoc.load("mydvd.xml");
    alert(xmlDoc.documentElement.xml);
    var cdataSection = xmlDoc.createCDATASection("This is
	 a comment. It is not parsed by the XML parser. You can 
	 include  inside this section");
    xmlDoc.documentElement.appendChild(cdataSection);
    alert(xmlDoc.documentElement.xml);
}
Try it now. The first alert box echoed the XML file before adding the CDATA section. The second alert box reflects the addition. Notice the new CDATA element at the bottom of the XML document.