innerHTML
Lição 11 de 13 do curso Métodos DOM do JavaScript da Coddy.
A propriedade innerHTML define ou recupera o conteúdo HTML completo (incluindo elementos filhos) dentro de um elemento. Isso é útil para atualizar dinamicamente o conteúdo de uma seção de uma página da web.
element.innerHTML = "<b>Example Text !!</b>";
Desafio
FácilVocê recebeu um código HTML que contém uma div com o ID content .
Usando apenas JavaScript, altere o conteúdo deste elemento div:
- Recupere o elemento div usando a função
getElementById. - Defina o conteúdo HTML como
"<b>Updated Content</b>".
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<div id="content">Original Content</div>
<script src="script.js"></script>
</body>
</html>