In dieser Anleitung wird die Eigenschaft „nodeValue“ des HTML-DOM-Elements in JavaScript erläutert.
Was ist die Eigenschaft „nodeValue“ des HTML-DOM-Elements in JavaScript?
Das DOM-Element (Document Object Model) „ Knotenwert „ ist eine nützliche Eigenschaft, die den Wert eines Knotens festlegt und abruft. Diese Methode gibt „null“ zurück, wenn der angegebene Knoten auf einen Elementknoten verweist. Diese Eigenschaft gibt auch den Text eines Knotens zurück, wenn dieser im Textknoten eingeschlossen ist. Sein Rückgabewert hängt vom Knotentyp ab.
Syntax (Setze „nodeValue“)
Knoten. Knotenwert = Wert
Die obige Syntax erfordert das „ Wert “, den der Benutzer für den gewünschten Knoten festlegen möchte.
Syntax (Rückgabe „nodeValue“)
Knoten. Knotenwert
Diese gegebene Syntax gibt ein „ Null „Wert für die Element- und Dokumentknoten“, „ Text ” für Kommentar- und Textknoten und „ Attribut ” für Attributknoten.
Lassen Sie uns die oben definierte Eigenschaft mithilfe des angegebenen Beispiels implementieren.
Beispiel: Anwenden der Eigenschaft „nodeValue“ des DOM-Elements zum Abrufen des Texts eines Elements
In diesem Beispiel wird die Eigenschaft „nodeValue“ angewendet, um den Text der erstellten Schaltfläche abzurufen.
HTML Quelltext
Schauen Sie sich zunächst den unten aufgeführten Code an:
< Taste > Neuer Knopf. < / Taste >< P Ausweis = 'für' >< / P >
In den obigen Codezeilen:
- Der '
”-Tag fügt eine Schaltfläche hinzu. - Der ' Das Tag „bettet einen leeren Absatz mit der ID „para“ ein.
JavaScript-Code
Befolgen Sie nun den unten angegebenen JavaScript-Code:
< Skript >const Element = dokumentieren. getElementsByTagName ( 'TASTE' ) [ 0 ] ;
Ergebnis lassen = Element. childNodes [ 0 ] . Knotenwert ;
dokumentieren. getElementById ( 'für' ) . innerHTML = „ Knotenwert ist: „ + Ergebnis ;
Skript >
In den obigen Codezeilen:
- Deklarieren Sie zunächst eine Variable „elem“, die das „ getElementsByTagName() ”-Methode, um auf das Element über seinen Tag-Namen zuzugreifen, der am Index „0“ platziert ist.
- Als nächstes verwendet die Variable „result“ die Variable „ Knotenwert „Eigenschaft verbunden mit dem“ childNodes ”-Eigenschaft, um den Wert des jeweiligen untergeordneten Knotens abzurufen.
- Schließlich ist das „ getElementById() Die Methode greift über ihre ID „para“ auf den leeren Absatz zu, um ihn mit dem Wert der Variable „result“, d. h. dem Schaltflächentext, anzuhängen.
Ausgang
Es ist ersichtlich, dass die Ausgabe den Text des erstellten „
Abschluss
In JavaScript ist das „ Knotenwert Die Eigenschaft „HTML DOM“ hilft beim Festlegen und Abrufen der Knotenwerteigenschaft. Der zurückgegebene Wert dieser Eigenschaft hängt vom Knotentyp ab. Diese Eigenschaft zeigt weder für das Element noch für das Dokument einen Wert an. In diesem Handbuch wurde kurz die Eigenschaft „nodeValue“ des HTML-DOM-Elements in JavaScript erläutert.