Propiedad innerHTML

La propiedad innerHTML permite obtener y modificar el código HTML de un elemento.

Sintaxis

javascriptelemento.innerHTML;

Ejemplo

Mostremos el código HTML del elemento:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Resultado de ejecutar el código:

javascript'<b>text</b>'

Ejemplo

Cambiemos el código HTML por uno nuevo:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Resultado de ejecutar el código:

html<p id="elem"><i>!!!</i></p>

Véase también