Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

innerHTML e textContent

No exercício abaixo, experimentei usar o textContent e funcionou também.

Quando devo usar innerHTML ao invés do textContent ou vice e versa?


Rafael quer modificar o conteúdo do seguinte HTML, para utilizar o seu nome:

<p id="nome">Meu nome é Tadeu</p>

Ele conhece a propriedade innerHTML, e sabe que com ela pode modificar o HTML interno de um elemento, então ele fez o seguinte código:

var nome = document.querySelector("#nome").innerHTML;
nome = "Meu nome é Rafael";

Mas Rafael percebeu que o seu código não funciona, o que ele fez de errado? Pense no que Rafael fez de errado e em seguida veja a resposta do instrutor.

2 respostas
solução!
nome = "Meu nome é Rafael";
document.querySelector("#nome").innerHTML = nome;

assim funciona.

bom você pode usar innerHTML também quando quer pega elementos html, por exemplo

<p id="nome"> Meu nome é rafael <br>  Moro no Brasil </p>

se você usar o textContent. vc vai obter esse resultado.

 Meu nome é rafael Moro no Brasil

mas se você usar o innerHTML vc vai tbm pode capiturar o ,

Meu nome é rafael <br>  Moro no Brasil

Obrigado Walteann!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software