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.

L'interface DOMParser permet d'analyser le code source XML ou HTML d'une chaîne de caractères dans le DOM Document.

Vous pouvez effectuer l'opération inverse - convertir un arbre DOM en source XML ou HTML - en utilisant l'interface XMLSerializer.

Dans le cas d'un document HTML, vous pouvez également remplacer des parties du DOM par de nouveaux arbres DOM construits à partir de HTML en définissant la valeur des propriétés innerHTML et outerHTML. Ces propriétés peuvent également être lues pour récupérer les fragments HTML correspondant au sous-arbre DOM correspondant.

Notez que XMLHttpRequest peut analyser le XML et le HTML directement à partir d'une ressource adressable par URL, en renvoyant un Document dans sa propriété response.

Constructeur

DOMParser()

Crée un nouvel objet DOMParser.

Méthodes

DOMParser.parseFromString()

Analyse une chaîne de caractères à l'aide de l'analyseur HTML ou de l'analyseur XML, et retourne un HTMLDocument ou XMLDocument.

Exemple

Analyse syntaxique de XML, SVG et HTML

Cet exemple montre comment analyser le XML, le SVG et le HTML. Notez qu'un type MIME de text/html invoquera l'analyseur HTML, et que tout autre type MIME accepté par cette méthode invoquera l'analyseur XML.

js
const parser = new DOMParser();

const xmlString = "<warning>Attention au tigre</warning>";
const doc1 = parser.parseFromString(xmlString, "application/xml");
// XMLDocument

const svgString = '<circle cx="50" cy="50" r="50"/>';
const doc2 = parser.parseFromString(svgString, "image/svg+xml");
// XMLDocument

const htmlString = "<strong>Attention au léopard</strong>";
const doc3 = parser.parseFromString(htmlString, "text/html");
// HTMLDocument

console.log(doc1.documentElement.textContent);
// "Attention au tigre"

console.log(doc2.firstChild.tagName);
// "circle"

console.log(doc3.body.firstChild.textContent);
// "Attention au léopard"

Spécifications

Specification
HTML
# dom-parsing-and-serialization

Compatibilité des navigateurs

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

Voir aussi