INNERHTML: Si bien la propiedad innerHTML no se encuentra definida en el estandar del W3C, es soportada por todos los navegadores modernos, por lo que se dice que es un estandard de facto.
Personalmente creo que con el tiempo el W3C terminará aceptándola dentro de sus estándares debido a que su uso está demasiado extendido en la actualidad y se extenderá aún más a medida que tecnologías como Ajax terminen de imponerse.
Pero qué hace la propiedad innerHTML? Simplemente almacena y controla el código HTML contenido en un elemento.
Por ejemplo, si tenemos una capa con una tabla adentro e invocamos la propiedad innerHTML de la capa, podemos acceder al código HTML de la tabla y editarla, borrarla o reemplazarla por una imagen, ya que, modificando la propiedad innerHTML de la capa, reescribimos el código HTML que tiene dentro.
Propiedad de objetos web innerHTML
La propiedad más interesante de los objetos Web a los que podemos acceder, no forma parte del Standard oficial de HTML.
Se trata de la propiedad innerHTML que fue introducida por Microsoft en Internet Explorer como un método de acceso rápido al contenido completo de un contenedor en HTML. Rápidamente el resto de exploradores lo añadieron en su soporte de lenguaje.
Podemos usar innerHTML para recuperar el contenido actual de un contenedor o insertar nuevo contenido en ese contenedor.
Por contenedor entendemos aquello que está entre las cláusulas < div > y < /div >.
El elemento DIV define un contenedor genérico, el cuál permite a los programadores definir estilos o bloques de contenido.
Como parámetros a DIV tenemos ID, CLASS y ALIGN, aunque éste ultimo cada vez se emplea menos en favor de las CSS.
Ejemplos de uso de DIV.
<div id="primero">
<p>Algún texto.</p>
<p>Un poco más de texto.</p></div>
<div id="segundo"></div>
El primero de los ejemplos muestra 2 párrafos de texto en la página, mientras que el Segundo no muestra nada; simplemente es un contenedor vacío en estos momentos.
Podemos recuperar el contenido de DIV de la siguiente forma:
var contenido = document.getElementById('primero').innerHTML;
La variable contenido almacena ahora todo el texto de los dos párrafos así como las marcas < p > y < /p >.
Podríamos reemplazar los dos párrafos completamente asignándoles un nuevo valor.
https://manuais.iessanclemente.net/index.php/Propiedad_de_objetos_web_innerHTML
