https://manuais.iessanclemente.net/index.php?action=history&feed=atom&title=Propiedad_de_objetos_web_innerHTML 2026-10-23T22:54:38Z Historial de revisiones de esta página en la wiki MediaWiki 1.46.2 https://manuais.iessanclemente.net/index.php?title=Propiedad_de_objetos_web_innerHTML&diff=3617&oldid=prev 2008-01-23T23:05:28Z

<p>Nueva página: 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 &#039;&#039;&#039;innerHTML&#039;&#039;&#039; que fue introducida ...</p> <p><b>Página nueva</b></p><div>La propiedad más interesante de los objetos Web a los que podemos acceder, no forma parte del Standard oficial de HTML.<br /> <br /> Se trata de la propiedad &#039;&#039;&#039;innerHTML&#039;&#039;&#039; que fue introducida por Microsoft en Internet Explorer como un &#039;&#039;&#039;método de acceso rápido al contenido completo de un contenedor en HTML&#039;&#039;&#039;. Rápidamente el resto de exploradores lo añadieron en su soporte de lenguaje.<br /> <br /> Podemos usar innerHTML para recuperar el contenido actual de un contenedor o insertar nuevo contenido en ese contenedor.<br /> <br /> Por &#039;&#039;&#039;contenedor&#039;&#039;&#039; entendemos aquello que está entre las cláusulas &#039;&#039;&#039;&lt; div &gt; y &lt; /div &gt;&#039;&#039;&#039;.<br /> <br /> El &#039;&#039;&#039;elemento DIV define un contenedor genérico&#039;&#039;&#039;, el cuál permite a los programadores definir estilos o bloques de contenido.<br /> <br /> Como &#039;&#039;&#039;parámetros&#039;&#039;&#039; a &#039;&#039;&#039;DIV&#039;&#039;&#039; tenemos &#039;&#039;&#039;ID, CLASS y ALIGN&#039;&#039;&#039;, aunque éste ultimo cada vez se emplea menos en favor de las CSS.<br /> <br /> <br /> Ejemplos de uso de DIV.<br /> <br /> &lt;source lang=&quot;html4strict&quot;&gt;<br /> &lt;div id=&quot;primero&quot;&gt;<br /> &lt;p&gt;Algún texto.&lt;/p&gt;<br /> &lt;p&gt;Un poco más de texto.&lt;/p&gt;&lt;/div&gt;<br /> &lt;div id=&quot;segundo&quot;&gt;&lt;/div&gt; <br /> &lt;/source&gt;<br /> <br /> 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.<br /> <br /> Podemos &#039;&#039;&#039;recuperar el contenido de DIV&#039;&#039;&#039; de la siguiente forma: <br /> <br /> &lt;source lang=&quot;javascript&quot;&gt;<br /> var contenido = document.getElementById(&#039;primero&#039;).innerHTML; <br /> &lt;/source&gt;<br /> <br /> La variable contenido almacena ahora todo el texto de los dos párrafos así como las marcas &lt; p &gt; y &lt; /p &gt;.<br /> <br /> Podríamos reemplazar los dos párrafos completamente asignándoles un nuevo valor.<br /> <br /> &lt;source lang=&quot;Javascript&quot;&gt;<br /> document.getElementById(&#039;primero&#039;).innerHTML = &#039;&lt;p&gt;Un parrafo de texto para reemplazar los dos anteriores.&lt;/p&gt;’;<br /> &lt;/source&gt;</div>

Veiga