How to create xml element containing CDATA

Question

I need to create an xml from javascript where some xml element tag would contain simple string data while some will contain html data. for that i have created a function

function element(child, childValue) {
var element = document.createElementNS(url, child);
var elementText = document.createTextNode(childValue);
element.appendChild(elementText);
return element;
}

By calling abobe function this way "function(widgetData, widget1)". it creates below xml element.

"<widgetData>widget1<widgetData>"

Now i need to create xml tag containing html data for that calling above function following way

function(widgetData, '<p>hello, world </p>')

it creates below xml element

<widgetData>&lt;p&gt;Hello, world&lt;/p&gt;</widgetData>

I think we can do this by CDATA

<widgetData><![CDATA[<p>hello, world </p>]]></widgetData>

But don't know how to do it.

I tried

var elementText = document.CreateCDataSection(childValue);

but it is giving error "undefined function" in chrome .And in Firefox "Unsupported html document" error occurs.

nmaier · Accepted Answer · 2014-06-18 13:39:20Z

2

You'll want to use .createCDATASection

The following should work:

function element(child, childValue) {
  var element = document.createElementNS(url, child);
  var section = document.createCDATASection(childValue);
  element.appendChild(section);
  return element;
}

Please note:

This will only work with XML, not HTML documents (as HTML documents do not support CDATA sections); attempting it on an HTML document will throw NOT_SUPPORTED_ERR.

edited Jun 18, 2014 at 13:39

answered Jun 17, 2014 at 19:33

nmaier

33.3k5 gold badges67 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Deepak Over a year ago

executing above code getting error "Failed to execute 'createCDATASection' on 'Document': This operation is not supported for HTML documents."

Deepak Over a year ago

in firefox getting exception "[Exception... "Operation is not supported" code: "9" nsresult: "0x80530009 (NotSupportedError)" location: "<unknown>"]"

nmaier Over a year ago

I quoted an important bit from the docs, which likely explains this error. In short, you'll have to use it with real XML documents.

Deepak Over a year ago

Thanks for your help and effort.

Collectives™ on Stack Overflow

How to create xml element containing CDATA

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related