Atributo innerHTML del HTML DOM

Objeto Elemento de HTML DOM

innerHTML deEl atributo establece o devuelve el contenido HTML del elemento.

Nota：Si los nodos de texto hijos de los elementos <div>，<span> o <noembed> contienen caracteres（＆），（<）o（>），innerHTML los interpretará como entidades HTML "＆amp; "，"＆lt;" y "＆gt;" respectivamente. UsartextContentEl atributo obtiene una copia original del contenido de estos nodos de texto.

Sintaxis：

Devolver el atributo innerHTML：

element.innerHTML

Establecer el atributo innerHTML：

element.innerHTML = text

document.getElementById("para").innerHTML = "Hello world";

Compatibilidad del navegador

Todos los navegadores soportan completamente la propiedad innerHTML:

Valor del atributo

Detalles técnicos

Más ejemplos

Obtener el contenido HTML del elemento <p> usando id="para":

var x = document.getElementById("para").innerHTML;

Puede vaciar todo el contenido del documento eliminando el contenido del atributo body del documento:

document.body.innerHTML = "";

Referencias relacionadas

Referencia de HTML DOM:Atributo textContent de HTML DOM

Objeto Elemento de HTML DOM