JavaScript TextContent | Explicado

No JavaScript, existem várias propriedades que podem ser usadas para acessar e modificar o conteúdo das tags html i.e. TextContent, InnerText, e Innerhtml. O TextContent A propriedade retorna todo o texto contido por um elemento/nó e todos os seus descendentes, incluindo espaços e texto oculto CSS, exceto as tags. A propriedade InnerText retorna todo o conteúdo de texto de um nó/elemento e seus elementos filhos, mas sem espaçamento e tags html, exceto o estilo e as tags de script. Enquanto o Innerhtml Retorna todo o texto contido por um elemento, incluindo espaços e tags html.

Este post explicará os aspectos listados abaixo sobre o TextContent propriedade:

• O que é o TextContent em JavaScript
• Sintaxe básica
• O que a propriedade TextContent retorna
• Como usar o TextContent em JavaScript

Então vamos começar!

O que é o TextContent em JavaScript

É uma propriedade que nos permite obter ou definir o conteúdo de texto de um nó ou um elemento. Definir a propriedade TextContent removerá e substituirá os nós filhos pelo novo nó de texto.

Sintaxe básica

O snippet abaixo-dado mostrará como obter/retornar o conteúdo de texto de um nó ou elemento:

elemento.TextContent | nó.TextContent

Vamos considerar o trecho abaixo para entender como definir o conteúdo de texto de um nó ou elemento:

elemento.TextContent = texto | nó.TextContent = texto

O que a propriedade TextContent retorna

Em JavaScript, a propriedade TextContent retorna o conteúdo de um elemento/nó e todos os seus descendentes (nós filhos). Ele retorna nulo se o elemento/nó for um documento/tipo de notação.

Como usar a propriedade TextContent em JavaScript

Até agora, terminamos a parte teórica da propriedade TextContent. Agora, vamos dar um passo à frente para implementar todos esses conceitos teóricos praticamente.

Exemplo 1: Vamos considerar o código abaixo para entender como obter/retornar o conteúdo de texto de um elemento usando a propriedade TextContent em JavaScript:

> Bem -vindo ao Linuxhint.com

No trecho de código acima, primeiro, utilizamos o getElementById () para selecionar o elemento H2 com o ID 'Saudações'. Posteriormente, acessamos a propriedade TextContent para exibir o texto do nó.

É assim que a propriedade TextContent modifica o texto de um elemento em JavaScript.

Exemplo2: Como definir o conteúdo textual de um elemento usando a propriedade TextContent:

Propriedade do TextContent

Clique em mim

O bloco de código acima produzirá a seguinte saída:

É assim que a propriedade TextContent define o texto em JavaScript.

Conclusão

Em JavaScript, a propriedade TextContent nos permite obter ou definir o conteúdo de texto de um nó ou um elemento. Definir a propriedade TextContent removerá e substituirá os nós filhos pelo novo nó de texto. A propriedade TextContent retorna o conteúdo de um elemento/nó e todos os seus descendentes (nós filhos). Ele retorna nulo se o elemento/nó for um documento/notação/tipo de documento. Esta redação explicou o que é o TextContent, o que retorna e como usá-lo em JavaScript.