Oi Wesley, este exemplo demonstra algumas das diferenças entre innerText, innerHTML e textContent:
<p id="demo"> This element has extra spacing and contains <span>a span element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML() {
alert(document.getElementById("demo").innerHTML)
}
function getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
EXECUTAR O EXEMPLO
Obtenha o conteúdo do elemento
acima com as propriedades especificadas:
innerText retorna: "Este elemento possui espaçamento extra e contém um elemento span."
innerHTML retorna: "Este elemento tem espaçamento extra e contém um elemento span ."
textContent retorna: "Este elemento possui espaçamento extra e contém um elemento span."
A propriedade innerText retorna apenas o texto, sem espaçamento e tags de elemento interno.
A propriedade innerHTML retorna o texto, incluindo todos os espaçamentos e tags de elemento interno.
A propriedade textContent retorna o texto com espaçamento, mas sem tags de elemento interno.
Fonte: w3school