<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>Esta es una capa</span></div>
<nombre de entrada="innerHTML" valor="innerHTML" tipo="botón" OnClick="alert(div.innerHTML);">
<nombre de entrada="outerHTML" value="outerHTML" tipo="botón" OnClick="alert(div.outerHTML);">
<nombre de entrada="textointerior" valor="textointerior" tipo="botón" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" tipo="botón" OnClick="alert(div.outerText);">
<lenguaje de escritura="javascript">
cambio de funciónb(obj)
{
obj.outerHTML = "<input type='text' value='Establece el HTML dentro del objeto, incluidas las etiquetas' style='width:200px;'></input>"
}
cambio de función (obj)
{
obj.innerHTML = "<b>Establecer el HTML dentro del objeto</b>"
}
</script>
<br><br>
InnerHTML obtiene el HTML dentro de la etiqueta<br>
outsideHTML obtiene la etiqueta y el HTML dentro de la etiqueta<br>
InnerTEXT y outsideTEXT obtienen el texto dentro de la etiqueta, que es el mismo. <br>
<br><br>
<div id="div1" style="background-color:#ff9966;border:1px #ff0000 dashed;">Esta es una capa</div>
<br>
<nombre de entrada="innerHTML1" valor="innerHTML" tipo="botón" OnClick="changea(div1)">
<nombre de entrada="outerHTML1" valor="outerHTML" tipo="botón" OnClick="changeb(div1)">
<input name="innerText1" value="innerText" type="button" OnClick="div1.innerText='Reemplazar texto con internalText'">
<input name="outerText1" value="outerText" type="button" OnClick="div1.outerText='El uso de externalText reemplazará la etiqueta con el texto de destino y la capa también será reemplazada'">
<br>
<p>
InnerHTML establece el HTML dentro de la etiqueta<br>
outsideHTML establece la etiqueta y el HTML dentro de la etiqueta<br>
insideTEXT establece el texto dentro de la etiqueta<br>
InnerTEXT establece el texto dentro de la etiqueta, incluida la etiqueta, y lo reemplaza. <br>
</p>
InnerHTML establece u obtiene el HTML ubicado dentro de las etiquetas de apertura y cierre del objeto <br>
outsideHTML establece u obtiene la forma HTML del objeto y su contenido<br>
InnerText establece u obtiene el texto ubicado dentro de las etiquetas de inicio y fin del objeto<br>
outsideText establece (incluidas las etiquetas) u obtiene (excluyendo las etiquetas) el texto del objeto<br><br>