Document: createCDATASection() method
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
createCDATASection() creates a new CDATA section node,and returns it.
In this article
Syntax
js
createCDATASection(data)Parameters
dataA string containing the data to be added to the CDATA Section.
Return value
ACDATA Section node.
Examples
js
const doc = new DOMParser().parseFromString("<xml></xml>", "application/xml");const cdata = doc.createCDATASection("Some <CDATA> data & then some");doc.querySelector("xml").appendChild(cdata);console.log(new XMLSerializer().serializeToString(doc));// Displays: <xml><![CDATA[Some <CDATA> data & then some]]></xml>Notes
- This will only work with XML, not HTML documents (as HTML documents do not supportCDATA sections); attempting it on an HTML document will throw
NOT_SUPPORTED_ERR. - Will throw a
NS_ERROR_DOM_INVALID_CHARACTER_ERRexception if one triesto submit the closing CDATA sequence (]]>) as part of the data, sounescaped user-provided data cannot be safely used without this method getting thisexception (createTextNode()can often be usedin its place).
Specifications
| Specification |
|---|
| DOM> # ref-for-dom-document-createcomment①> |