Sustituto a .innerHTML
Posted by corrideat on 13 Jun 2009 | Tagged as: dom
Cada día son más comunes en la web las aplicaciones AJAX, es decir, que descargan contenidos dinámicamente desde el servidor.
Sucede que para ecribir esos contenidos en la página actual el método más usado, si se descargó HTML desde el servidor, es empleando la propiedad .innerHTML desde ECMAScript. Esta solución, aunque satisfactoria porque funciona en probablemente todos los navegadores mayoritarios, no se ajusta a los estándares web, todavía.
Lo primero es entender cómo funciona el atributo innerHTML. Lo que hace es pasarle al navegador una cadena de texto conteniendo el código HTML a insertar dentro de un elemento. Aquí radica, precisamente, la versatilidad del atributo.
Me tomó un tiempo lograr algo similar hasta que me topé con la interfaz DOMParser.
Cada día son más comunes en la web las aplicaciones AJAX, es decir, que descargan contenidos dinámicamente desde el servidor.
Sucede que para ecribir esos contenidos en la página actual el método más usado, si se descargó HTML desde el servidor, es empleando la propiedad .innerHTML desde ECMAScript. Esta solución, aunque satisfactoria porque funciona en probablemente todos los navegadores mayoritarios, no se ajusta a los estándares web, todavía.
Por ésto, vengo a proponer una alternativa que puede resolver el problema.
Lo primero es entender cómo funciona el atributo innerHTML. Lo que hace es pasarle al navegador una cadena de texto conteniendo el código HTML a insertar dentro de un elemento. Aquí radica, precisamente, la versatilidad del atributo.
Me tomó un tiempo lograr algo similar hasta que me topé con el objeto DOMParser, que no es soportado por MSIE, pero que se dispone de un ActiveX alternativo, DOMDocument.
Entonces, lo primero es tener una interfaz transparente para usar el método estándar DOMParser o el ActiveX DOMDocument.