Propriedade innerHTML
A propriedade innerHTML permite obter
e alterar o código HTML de um elemento.
Sintaxe
elemento.innerHTML;
Exemplo
Vamos exibir o código HTML do elemento:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Resultado da execução do código:
'<b>text</b>'
Exemplo
Vamos alterar o código HTML para um novo:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Resultado da execução do código:
<p id="elem"><i>!!!</i></p>
Veja também
-
a propriedade
textContent,
que contém o texto do elemento -
a propriedade
outerHTML,
que contém o código HTML externo do elemento
