JavaScript TextContent | Spiegato

In JavaScript, ci sono varie proprietà che possono essere utilizzate per accedere e modificare il contenuto dei tag HTML i.e. TextContent, testo interno, E Innerhtml. IL TextContent La proprietà restituisce tutto il testo contenuto da un elemento/nodo e tutti i suoi discendenti, inclusi spazi e testo nascosto CSS, tranne i tag. La proprietà InnerText restituisce tutto il contenuto di testo di un nodo/elemento e dei suoi elementi figlio ma senza spaziatura e tag HTML, tranne lo stile e i tag di script. Mentre il Innerhtml Restituisce tutto il testo contenuto da un elemento che include spazi e tag HTML.

Questo post spiegherà gli aspetti sotto l'elenco del TextContent proprietà:

• Cos'è il textcontent in javascript
• Sintassi di base
• Cosa ritorna la proprietà di TextContent
• Come usare il textcontent in javascript

Quindi iniziamo!

Cos'è il textcontent in javascript

È una proprietà che ci consente di ottenere o impostare il contenuto di testo di un nodo o un elemento. L'impostazione della proprietà TextContent rimuoverà e sostituirà i nodi figlio con il nuovo nodo di testo.

Sintassi di base

Lo snippet di seguito mostrerà come ottenere/restituire il contenuto di testo di un nodo o elemento:

elemento.TextContent | nodo.TextContent

Consideriamo lo snippet di seguito per capire come impostare il contenuto di testo di un nodo o elemento:

elemento.TextContent = text | nodo.TextContent = text

Cosa ritorna la proprietà di TextContent

In JavaScript, la proprietà TextContent restituisce il contenuto di un elemento/nodo e tutti i suoi discendenti (nodi figlio). Restituisce null se l'elemento/nodo è un tipo di documento/notazione.

Come utilizzare la proprietà di TextContent in JavaScript

Fino ad ora, abbiamo finito con la parte teorica della proprietà di TextContent. Ora, muoviamo un passo avanti per implementare praticamente tutti questi concetti teorici.

Esempio 1: Consideriamo il codice di seguito per capire come ottenere/restituire il contenuto di testo di un elemento usando la proprietà TextContent in JavaScript:

> Benvenuti in Linuxhint.com

Nel frammento di codice sopra, in primo luogo, abbiamo utilizzato GetElementById () per selezionare l'elemento H2 con i "saluti" dell'ID. Successivamente, abbiamo accettato la proprietà di TextContent per visualizzare il testo del nodo.

Questo è il modo in cui la proprietà di TextContent modifica il testo di un elemento in JavaScript.

Esempio2: Come impostare il contenuto testuale di un elemento usando la proprietà TextContent:

Proprietà del textcontent

CLICCAMI

Il blocco di codice sopra produrrà il seguente output:

Ecco come la proprietà TextContent imposta il testo in JavaScript.

Conclusione

In JavaScript, la proprietà TextContent ci consente di ottenere o impostare il contenuto di testo di un nodo o un elemento. L'impostazione della proprietà TextContent rimuoverà e sostituirà i nodi figlio con il nuovo nodo di testo. La proprietà di TextContent restituisce il contenuto di un elemento/nodo e di tutti i suoi discendenti (nodi figlio). Restituisce null se l'elemento/nodo è un tipo di documento/notazione/documento. Questo articolo ha spiegato cos'è TextContent, cosa restituisce e come usarlo in JavaScript.