DOMParser

L'interface DOMParser permet d'analyser le code source XML ou HTML d'une chane de caractres dans le DOM Document.

Vous pouvez effectuer l'opration 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 dfinissant la valeur des proprits innerHTML et outerHTML. Ces proprits peuvent galement tre lues pour rcuprer 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 proprit response.

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 lopard</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 lopard"