XP 0

Mudando o texto

textContent

Com o elemento na mão, troque o texto dele com .textContent:

const aviso = document.getElementById("aviso");
aviso.textContent = "Promoção de primavera!";

A página muda na hora — teste no Browser!

🧠 Modelo mental: .textContent é o "conteúdo de texto" do elemento. Ler dá o texto atual; atribuir (=) troca o texto na tela.

💡 Repare: é o mesmo ponto dos objetos. Um elemento do DOM é um objeto — .textContent, .style... são campos dele. Tudo que você aprendeu de objetos vale aqui.

Pontos-chave

  • el.textContent = '...'
    troca o texto do elemento na página.