Propriedade innerHTML

A propriedade innerHTML permite obter e alterar o código HTML de um elemento.

Sintaxe

javascriptelemento.innerHTML;

Exemplo

Vamos exibir o código HTML do elemento:

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

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

Resultado da execução do código:

javascript'<b>text</b>'

Exemplo

Vamos alterar o código HTML para um novo:

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

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

Resultado da execução do código:

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

Veja também