Trabalhando com código HTML de elementos em JavaScript

Elementos DOM têm uma propriedade innerHTML, que permite ler o código HTML desses elementos. Vejamos um exemplo. Suponha que temos a seguinte tag:

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

Vamos obter uma referência a esta tag em uma variável:

javascriptlet elem = document.querySelector('#elem');

Vamos ler o código HTML da tag:

javascriptconsole.log(elem.innerHTML); // exibirá <b>text</b>

Vamos alterar o texto da tag:

javascriptelem.innerHTML = '<i>!!!</i>';