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 Standard
# dom-parsing-and-serialization

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi