We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE

The XMLSerializer interface provides the serializeToString() method to construct an XML string representing a DOM tree.


Returns the serialized subtree of a string.
The subtree rooted by the specified element is serialized to a byte stream using the character set specified.


Serializing XML into a string

The first, basic, example just serializes an entire document into a string containing XML.

 var s = new XMLSerializer();
 var d = document;
 var str = s.serializeToString(d);

This involves creating a new XMLSerializer object, then passing the Document to be serialized into serializeToString(), which returns the XML equivalent of the document.

Inserting nodes into a DOM based on XML

This example uses the Element.insertAdjacentHTML() method to insert a new DOM Node into the body of the Document, based on XML created by serializing an Element object.

Note: In the real world, you should usually instead call importNode() method to import the new node into the DOM, then call one of the following methods to add the node to the DOM tree:

Because insertAdjacentHTML() accepts a string and not a Node as its second parameter, XMLSerializer is used to first convert the node into a string.

var inp = document.createElement('input');
var XMLS = new XMLSerializer(); 
var inp_xmls = XMLS.serializeToString(inp); // First convert DOM node into a string

// Insert the newly created node into the document's body
document.body.insertAdjacentHTML('afterbegin', inp_xmls);

The code creates a new <input> element by calling Document.createElement(), then serializes it into XML using serializeToString().

Once that's done, insertAdjacentHTML() is used to insert the <input> element into the DOM.


Specification Status Comment
DOM Parsing and Serialization
The definition of 'XMLSerializer' in that specification.
Working Draft  

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes9 Yes3
serializeToStream Yes No Yes — 20 No Yes No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes Yes Yes ? ?
serializeToStream Yes Yes No Yes — 20 Yes No ?

See also

Document Tags and Contributors

 Last updated by: fscholz,