DOMParser

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2016.

The DOMParser interface provides the ability to parse XML or HTML source code from a string into a DOM Document.

You can perform the opposite operation—converting a DOM tree into XML or HTML source—using the XMLSerializer interface.

In the case of an HTML document, you can also replace portions of the DOM with new DOM trees built from HTML by setting the value of the Element.innerHTML and outerHTML properties. These properties can also be read to fetch HTML fragments corresponding to the corresponding DOM subtree.

Note that XMLHttpRequest can parse XML and HTML directly from a URL-addressable resource, returning a Document in its response property.

Note: Be aware that block-level elements like <p> will be automatically closed if another block-level element is nested inside and therefore parsed before the closing </p> tag.

Constructor

DOMParser()

Creates a new DOMParser object.

Instance methods

DOMParser.parseFromString()

Parses a string using either the HTML parser or the XML parser, returning an HTMLDocument or XMLDocument.

Examples

The documentation for DOMParser.parseFromString(), this interface's only method, contains examples for parsing XML, SVG, and HTML strings.

Specifications

Specification
HTML
# dom-parsing-and-serialization

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DOMParser
DOMParser() constructor
parseFromString
HTML (text/html) support
SVG (image/svg+xml) support
XML (application/xml) support

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also