sirve - JavaScript DOMParser accede a innerHTML y otras propiedades
innertext javascript para que sirve (2)
Su método actual falla, porque las propiedades HTML no están definidas para el documento XML dado. Si proporciona el tipo MIME text/html , el método debería funcionar.
var string = ''<!DOCTYPE html><html><head></head><body>content</body></html>'';
var doc = new DOMParser().parseFromString(string, ''text/html'');
doc.body.innerHTML; // or doc.querySelector(''body'').innerHTML
// ^ Returns "content"
El siguiente código habilita el tipo de text/html MIME para los navegadores que aún no lo admiten de forma nativa. Se recupera de la Red de Desarrolladores de Mozilla :
/*
* DOMParser HTML extension
* 2012-02-02
*
* By Eli Grey, http://eligrey.com
* Public domain.
* NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
*/
/*! @source https://gist.github.com/1129031 */
/*global document, DOMParser*/
(function(DOMParser) {
"use strict";
var DOMParser_proto = DOMParser.prototype
, real_parseFromString = DOMParser_proto.parseFromString;
// Firefox/Opera/IE throw errors on unsupported types
try {
// WebKit returns null on unsupported types
if ((new DOMParser).parseFromString("", "text/html")) {
// text/html parsing is natively supported
return;
}
} catch (ex) {}
DOMParser_proto.parseFromString = function(markup, type) {
if (/^/s*text//html/s*(?:;|$)/i.test(type)) {
var doc = document.implementation.createHTMLDocument("")
, doc_elt = doc.documentElement
, first_elt;
doc_elt.innerHTML = markup;
first_elt = doc_elt.firstElementChild;
if (doc_elt.childElementCount === 1
&& first_elt.localName.toLowerCase() === "html") {
doc.replaceChild(first_elt, doc_elt);
}
return doc;
} else {
return real_parseFromString.apply(this, arguments);
}
};
}(DOMParser));
Estoy usando el siguiente código para analizar una cadena en DOM:
var doc new DOMParser().parseFromString(string, ''text/xml'');
Donde la string es solo algo como <!DOCTYPE html><html><head></head><body>content</body></html> .
typeof doc me da object . Si hago algo como doc.querySelector(''body'') me devuelven un objeto DOM. Pero si trato de acceder a alguna propiedad, como normalmente se puede, me da undefined :
doc.querySelector(''body'').innerHTML; // undefined
Lo mismo ocurre con otras propiedades, por ejemplo, id . El atributo de recuperación por otro lado va bien doc.querySelector(''body'').getAttribute(''id''); .
¿Existe una función mágica para tener acceso a esas propiedades?
Use element.getAttribute(attributeName) para elementos XML / HTML