Propiedad innerHTML
La propiedad innerHTML permite obtener
y modificar el código HTML de un elemento.
Sintaxis
elemento.innerHTML;
Ejemplo
Mostremos el código HTML del elemento:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Resultado de ejecutar el código:
'<b>text</b>'
Ejemplo
Cambiemos el código HTML por uno nuevo:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Resultado de ejecutar el código:
<p id="elem"><i>!!!</i></p>
Véase también
-
la propiedad
textContent,
que contiene el texto del elemento -
la propiedad
outerHTML,
que contiene el código HTML externo del elemento
