JavaScript TextContent | Erklärt

In JavaScript gibt es verschiedene Eigenschaften, die zum Zugriff auf den Inhalt von HTML -Tags i zugreifen und ändern können.e. Textinhalt, InnerText, Und Innerhtml. Der Textinhalt Die Eigenschaft gibt den gesamten Text zurück, der durch einen Element/Knoten und alle Nachkommen enthalten ist, einschließlich Leerzeichen und CSS -versteckter Text, mit Ausnahme der Tags. Die InnerText -Eigenschaft gibt alle Textinhalte eines Knotens/Elements und seiner untergeordneten Elemente zurück, jedoch ohne Abstand und HTML -Tags, außer den Stil- und Skript -Tags. Während Innerhtml Gibt den gesamten Text zurück, der durch ein Element einschließlich Leerzeichen und HTML -Tags enthalten ist.

Dieser Beitrag erklärt die folgenden Aspekte in Bezug auf die Textinhalt Eigentum:

• Was ist TextContent in JavaScript?
• Grundlegende Syntax
• Was gibt TextContent Property zurück
• So verwenden Sie TextContent in JavaScript

So lass uns anfangen!

Was ist TextContent in JavaScript?

Es ist eine Eigenschaft, mit der wir den Textinhalt eines Knotens oder eines Elements abrufen oder festlegen können. Durch das Einstellen der Eigenschaft von TextContent wird die untergeordneten Knoten durch den neuen Textknoten entfernt und ersetzt.

Grundlegende Syntax

Das untergegebene Snippet zeigt, wie der Textinhalt eines Knotens oder Elements erhalten/zurückgegeben wird:

Element.TextContent | Knoten.Textinhalt

Betrachten wir den folgenden Snippet, um zu verstehen, wie der Textinhalt eines Knotens oder Elements festgelegt wird:

Element.textContent = text | Knoten.textContent = text

Was gibt TextContent Property zurück

In JavaScript gibt die textbezogene Eigenschaft den Inhalt eines Elements/Knotens und alle Nachkommen (untergeordnete Knoten) zurück. Es gibt NULL zurück, wenn das Element/der Knoten ein Dokument-/Notationstyp ist.

Verwenden Sie die textbezogene Eigenschaft in JavaScript

Bisher sind wir mit dem theoretischen Teil der Textbeamten beendet. Lassen Sie uns nun einen Schritt voraus sein, um all diese theoretischen Konzepte praktisch umzusetzen.

Beispiel 1: Betrachten wir den folgenden Code, um zu verstehen, wie der Textinhalt eines Elements mit der textContent-Eigenschaft in JavaScript erhalten/zurückgegeben wird:

> Willkommen bei LinuxHint.com

Im obigen Code -Snippet haben wir zunächst das GetelementById () verwendet, um das H2 -Element mit der ID 'Greetings' auszuwählen. Anschließend haben wir auf die Eigenschaft TextContent zugegriffen, um den Text des Knotens anzuzeigen.

Auf diese Weise modifiziert die Eigenschaft von TextContent den Text eines Elements in JavaScript.

Beispiel2: So setzen Sie den Textinhalt eines Elements mithilfe der TextContent -Eigenschaft ein:

textbezogene Eigenschaft

KLICK MICH

Der obige Codeblock erzeugt die folgende Ausgabe:

Auf diese Weise legt die textContent -Eigenschaft den Text in JavaScript fest.

Abschluss

In JavaScript ermöglicht die Eigenschaft "TextContent" den Textinhalt eines Knotens oder eines Elements. Durch das Einstellen der Eigenschaft von TextContent wird die untergeordneten Knoten durch den neuen Textknoten entfernt und ersetzt. Die textContent -Eigenschaft gibt den Inhalt eines Elements/Knotens und aller Nachkommen zurück (untergeordnete Knoten). Es gibt NULL zurück, wenn das Element/der Knoten ein Dokument-/Notation/Dokumenttyp ist. In diesem Artikel wurde erklärt, was textbezogen ist, was es zurückgibt und wie es in JavaScript verwendet werden kann.