Recientemente descubrí el método insertAdjacentHTML y es un envío de Dios. Siendo así, quería saber qué tan bien este método es compatible. ¿IE lo tiene? ¿Qué hay de Chrome?¿Qué tan bien se admite insertAdjacentHTML?
Yo recomiendo este artículo de John Resing - http://ejohn.org/blog/dom-insertadjacenthtml/
Básicamente, funciona en IE desde IE4, y que va a ser una parte de HTML5. También hay algunas limitaciones sobre los elementos HTML a los que desea llamar este código.
Sí, es compatible con Chrome e Internet Explorer, así como versiones posteriores de Firefox y Opera. No pude precisar con qué versiones de IE era compatible, desafortunadamente, sin embargo se detalla en this site (IE 4+).
Consulte this reference para obtener más información.
Adición:This page proporciona cierta información de compatibilidad, así como código de muestra para detectar navegadores incompatibles. Sin embargo, tenga en cuenta que, al contrario que ese sitio, Firefox es compatible con, pero solo en iteraciones recientes y, en algunos casos, en funcionalidad limitada.
Probar el código aquí http://www.cnblogs.com/meteoric_cry/archive/2010/10/14/1851093.html. Simplemente ignorar las palabras chinas ...
El documentation page on MDN indica que todos los navegadores han sido apoyados por un tiempo, excepto Firefox que introducirá su apoyo en la versión 8.
Si desea utilizar ahora y asegúrese las versiones anteriores de Firefox lo admiten (aunque desaparecerán en pocos meses) puede poner este insertAdjacentHTML polyfill (shim) en su sitio y el método funcionará en todas partes.
Actualización: Como se elimina la cuña anterior, se puede utilizar https://gist.github.com/1276030
¿Cómo se inserta una imagen local utilizando este método? Estoy luchando aquí. He intentado crear mis líneas de código fuente como *** var img = new Image (1,1); img.src = 'file: ///android_asset/high.png'; luego intenté usarlo como tag.insertAdjacentHTML ('AfterEnd', '
'); **** recibe un error como "No se permite cargar recursos locales: file: ///android_asset/high.png at: 0 ..... cualquier consejo al respecto :-) –
mask