InnerText

innerText é uma propriedade em JavaScript que representa o conteúdo de texto visível de um nó HTML. Diferentemente de innerHTML, que retorna todo o HTML contido dentro de um elemento, innerText retorna apenas o texto visível. Ele também ignora elementos e tags HTML dentro do elemento, retornando apenas o texto que seria mostrado aos usuários na página.

Obtendo o Texto Visível de um Elemento:

var elemento = document.getElementById("meuElemento");
var textoVisivel = elemento.innerText;
console.log(textoVisivel); // Obtém o texto visível dentro do elemento com id "meuElemento"

Neste exemplo, innerText é usado para obter o texto visível dentro do elemento com o ID "meuElemento".

Definindo o Texto Visível de um Elemento:

var elemento = document.getElementById("meuElemento");
elemento.innerText = "Novo Texto Visível";

Neste exemplo, innerText é usado para definir um novo texto visível para o elemento com o ID "meuElemento". O conteúdo anterior do elemento será substituído pelo novo texto visível.

Note que innerText não inclui elementos HTML. Por exemplo:

<div id="meuElemento">
    <strong>Texto Forte</strong>
</div>

Se você usar innerText para obter o conteúdo do elemento acima, obterá "Texto Forte" como resultado, não <strong>Texto Forte</strong>.

innerText é mais seguro do ponto de vista de segurança em comparação com innerHTML porque não permite a inserção de código HTML e, portanto, não expõe seu aplicativo a ataques de injeção de código. No entanto, pode haver diferenças sutis no comportamento do layout entre innerText e innerHTML, especialmente quando você está manipulando elementos HTML complexos.