Ejemplo de DOMParser

los DOMParser La interfaz proporciona la capacidad de analizar XML o HTML código fuente de una cadena en un DOM Document.

Puede realizar la operación opuesta (convertir un árbol DOM en una fuente XML o HTML) utilizando el XMLSerializer interfaz.

En el caso de un documento HTML, también puede reemplazar partes del DOM con nuevos árboles DOM creados a partir de HTML estableciendo el valor de la Element.innerHTML y outerHTML propiedades. Estas propiedades también se pueden leer para obtener fragmentos HTML correspondientes al subárbol DOM correspondiente.

Tenga en cuenta que XMLHttpRequest puede analizar XML y HTML directamente desde un recurso direccionable por URL, devolviendo un Document en su response propiedad.

Constructor

DOMParser()

Crea un nuevo DOMParser objeto.

Métodos

DOMParser.parseFromString()

Analiza una cadena utilizando el analizador HTML o el analizador XML, devolviendo un HTMLDocument o XMLDocument.

Ejemplos de

Analizar XML, SVG y HTML

Este ejemplo muestra cómo analizar XML, SVG y HTML. Tenga en cuenta que un tipo MIME de text/html invocará el analizador HTML, y cualquiera de los otros tipos MIME que son aceptados por este método invocará el analizador XML.

const parser = new DOMParser();

const xmlString = "<warning>Beware of the tiger</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>Beware of the leopard</strong>";
const doc3 = parser.parseFromString(htmlString, "text/html");
// HTMLDocument

console.log(doc1.documentElement.textContent)
// "Beware of the tiger"

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

console.log(doc3.body.firstChild.textContent);
// "Beware of the leopard"

Especificaciones

Compatibilidad del navegador

Ver también

• Analizar y serializar XML
• XMLHttpRequest
• XMLSerializer
• JSON.parse() – contraparte de JSON documentos.