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

Dúvida sobre textContent e innerHTML

Na atividade 08.02 tem a o seguinte código como atividade:

function atualizaCaracteres() {
    var postagem = document.querySelector("#corpo-postagem").value;
    var caracteres = postagem.length;

    var contador = document.querySelector("#numero-caracteres");
    contador.innerHTML = caracteres;
}

porém se trocar o innerHTML por textContent o resultado é o mesmo, então tanto faz usar um quanto o outro sempre?

function atualizaCaracteres() {
    var postagem = document.querySelector("#corpo-postagem").value;
    var caracteres = postagem.length;

    var contador = document.querySelector("#numero-caracteres");
    contador.textContent = caracteres;
}
3 respostas

Veja https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

textContent é o texto dentro de uma tag (sem HTML), tem performance melhor e ajuda a proteger de ataques XSS.

solução!

O textContent pega o que tem dentro do elemento como um texto propriamente dito sem ter tags html, ja o innerHTML pega as tags html dentro de um conteúdo junto com textos

Há um exemplo bem interessante para distinguir o textcontent e o innerhtml em https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_node_textcontent_innerhtml