So greifen Sie in JavaScript auf übergeordnete „this“ zu?
In diesem Artikel wird die Ansätze zum Zugriff auf den Elternteil von beschriebenDas”In JavaScript.
So greifen Sie in JavaScript auf den übergeordneten „this“ zu?
Zugang zu Eltern von “Das”In JavaScript wenden Sie die folgenden Ansätze an:
- “Parentelement" Und "Knotenname" Eigenschaften.
- “Elternknoten" Und "Klasse" Eigenschaften.
Methode 1: Zugriff auf den übergeordneten „this“ in JavaScript mit den Eigenschaften von Parentelement- und Knotenname
Der "ParentelementEigenschaft holt das übergeordnete Element des angegebenen Elements und das “abKnotennameEigenschaft zeigt den Knotennamen an. Diese Eigenschaften können verwendet werden, um auf den Knotennamen des übergeordneten Elements zuzugreifen, das dem abgerufenen Element entspricht.
Beispiel
Das folgende Beispiel erklärt das angegebene Konzept:
Elternknoten
Kinderknoten
Klicken Sie auf die Schaltfläche, um das übergeordnete Knotenelement anzuzeigen
In den obigen Codezeilen:
- Einbeziehen "Element als übergeordneter Knoten und zuordnen die “"Element als Kinderknoten mit dem angegebenen"Ausweis”.
- Erstellen Sie im nächsten Schritt eine Schaltfläche, die die Funktion aufruft “myfunction ()" Verwendung der "ONCLICK" Fall.
- Definieren Sie im JavaScript -Teil des Codes eine Funktion namens “myfunction ()”.
- In der Funktionsdefinition “,“DasDas Objekt bezieht sich auf das globale Objekt und zeigt über das “auf das aufgerufene Element“GetElementById ()" Methode.
- Der "Parentelement”Eigenschaft erhält das übergeordnete Element, das dem abgerufenen Element entspricht, und das“Knotenname”Gibt den Knotennamen zurück, der dem übergeordneten Element entspricht.
- Zuletzt zeigen Sie den Namen der übergeordneten Knoten über ein Alarmdialogfeld an.
Ausgang
In der Ausgabe wird mitgeteilt, dass der Knotenname des übergeordneten Elements angezeigt wird.
Methode 2: Zugriff auf übergeordnete „this“ in JavaScript mit ParentNode- und ClassList -Eigenschaften
Der "ElternknotenEigenschaft wird verwendet, um den übergeordneten Knoten des Elements und die “zurückzugebenKlasseEigenschaft gibt die Klassennamen eines Elements zurück. Diese Ansätze können implementiert werden, um den Klassennamen des ersten Elternteils zurückzugeben, der dem abgerufenen Element entspricht.
Beispiel
Überlegen wir das unterbewertete Beispiel:
Dies ist LinuxHint -Website
Im obigen Codeblock:
- Zuordnen Sie ebenfalls die Elemente und Kinderelemente mit den angegebenen Attributen zu.
- Im JavaScript -Code das “GetElementById ()"Methode wird verwendet, um auf das untergeordnete Element zuzugreifen""Durch seine"Ausweis"Verwenden"DasObjekt jeweils.
- Im nächsten Schritt ein anderer “DasObjekt zeigt auf den übergeordneten Knoten des abgerufenen Elements und greift über die “zuElternknoten" Eigentum.
- Zuletzt zeigen Sie den ersten Klassennamen, der dem übergeordneten Element über das über das übergeordnete Element entsprichtKlasse" Eigentum.
Ausgang
In dieser speziellen Ausgabe wird der Klassenname des übergeordneten Elements zurückgegeben.
Abschluss
Zugriff auf den Elternteil von “Das"In JavaScript die Kombination anwenden"Parentelement" Und "Knotenname”Eigenschaften oder die“Elternknoten" Und "Klasse" Eigenschaften. Die ersteren Ansätze können implementiert werden, um den Knotennamen des übergeordneten Elements zurückzugeben, das entspricht “Das" Objekt. Der letztere Ansatz kann verwendet werden, um den ersten Klasse des übergeordneten Elements entsprechend zuzugreifen. In diesem Blog wurde die Ansätze zum Zugriff auf den Elternteil von "erörtert"Das”In JavaScript.