ParentNode -Eigenschaft in JavaScript

ParentNode -Eigenschaft in JavaScript

Der "Elternknoten”Eigenschaft gibt den übergeordneten Knoten des angegebenen Elements oder eines Knotens an und es handelt sich um eine schreibgeschützte Eigenschaft.

Syntax

In der angegebenen Syntax:

• “ElementEntspricht dem Element, dessen übergeordneter Knoten abgerufen werden soll.

Beispiel 1: Finden Sie den übergeordneten Knoten der Elemente
Dieses Beispiel führt dazu, den übergeordneten Knoten der mitgelieferten Überschrift und ein Bild innerhalb der “abzurufendiv" Element.

Folgen wir dem folgenden Beispiel:

Dies ist LinuxHint -Website

Führen Sie im obigen Code -Snippet die folgenden Schritte aus:

• Geben Sie die angegebene Div mit dem angegebenen an “Ausweis”.
• Enthalten in den nächsten Schritten die “Überschrift" und ein "Bild"Die angegebenen" haben "ids" innerhalb der "div" Element.

Gehen wir mit dem JavaScript -Teil des Codes fort:

>

Im obigen Code -Snippet:

• Greifen Sie durch ihre “auf die mitgelieferte Überschrift und Bild zu"ids" Verwendung der "dokumentieren.GetElementById ()" Methode.
• Schließlich wenden Sie das an “ElternknotenEigenschaft auf der enthaltenen Überschrift und Bild, um ihren übergeordneten Knoten anzuzeigen.

Ausgang

In der obigen Ausgabe kann beobachtet werden.

Beispiel 2: Suchen Sie das übergeordnete Element der ausgewählten Option
In diesem Beispiel wird das übergeordnete Element aller enthaltenen Optionen auf der Schaltfläche Klick abgerufen.

Folgen wir Schritt für Schritt den folgenden Beispiele:

Wählen Sie eine der folgenden Sprache aus:

Python
Java
JavaScript



Klicken Sie hier, um übergeordnet zu werden

>/h3>

In den obigen Codezeilen:

• Präzisiere das "Klasse" des "wählen" Element.
• Fügen Sie im nächsten Schritt die angegebenen Optionen in das Element im vorherigen Schritt ein.
• Danach erstellen Sie eine “Taste"Mit einem angeschlossen"ONCLICK”Ereignis umleiten zur Funktion getParent ().
• Geben Sie auch die angegebene Überschrift mit einem an “AusweisSo enthalten Sie die Nachricht mit dem entsprechenden übergeordneten Element im Dokumentobjektmodell (DOM) mit dem entsprechenden übergeordneten Element.

Fahren wir mit dem JavaScript -Teil des Codes fort:

• Eine Funktion namens deklarieren “GetParent ()”.
• In seiner Definition zugreifen Sie auf die “wählen”Element mit der“dokumentieren.QuerySelector ()" Methode.
• Wenden Sie im nächsten Schritt die anSelectedIndexEigenschaft zur Rückgabe des Index der ausgewählten Option in einer Dropdown-Liste.
• Greifen Sie anschließend auf die zugewiesene Überschrift zu, um das übergeordnete Element mit der “anzuzeigendokumentieren.GetElementById ()" Methode.
• Schließlich wenden Sie die “an“Innerhtml”Eigenschaft kombiniert mit dem“Elternknoten.Knotenname”Um den Namen des übergeordneten Elements zu erhalten.

Stylen Sie im weiteren Teil die angegebenen Elemente und passen Sie ihre Abmessungen an:

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass das übergeordnete Element jeder der ausgewählten Optionen abgerufen wird.

Abschluss

Der "ElternknotenDie Eigenschaft gibt den übergeordneten Knoten des angegebenen Elements oder das entsprechende übergeordnete Element selbst in JavaScript zurück. Der übergeordnete Knoten des Elements kann durch Anwenden der “abgerufen werdenElternknotenEigentum direkt. Das übergeordnete Element kann abgerufen werden, indem das angewendet wirdElternknoten.Knotenname”Eigenschaft nach der ausgewählten Option. In diesem Tutorial wurde die Verwendung der ParentNode -Eigenschaft in JavaScript erläutert.