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:
<p id="elem"><b>text</b></p>
Vamos obter uma referência a esta tag em uma variável:
let elem = document.querySelector('#elem');
Vamos ler o código HTML da tag:
console.log(elem.innerHTML); // exibirá <b>text</b>
Vamos alterar o texto da tag:
elem.innerHTML = '<i>!!!</i>';
Dado um parágrafo e um botão. Ao clicar no botão, leia o código HTML do parágrafo e exiba-o no console.
Dado um parágrafo e um botão. Ao clicar no botão, escreva no parágrafo um novo texto de forma que ele fique em negrito.
