1
resposta

[Dúvida] innerHTML x textContent

Qual a principal diferença entre eles?

1 resposta

Olá Gabriel boa tarde!

Basicamebte a principal diferença é que o innerHTML pode alem de texto inserir codigos HTML, já o textContent insere apenas o texto ignorando tags HTML

por exemplo

// o Olá será exibido em negrito negrito pois a tag strong será interpretada 
element.innerHTML = "<strong>Olá</strong> Mundo!";

// o texto exibido será apenas Olá Mundo! sem negrito pois a tag não será interpretada.
element.textContent = "<strong>Olá</strong> Mundo!";