Nehmen Sie das Attribut eines übergeordneten Knotens mit JavaScript ab

Während des Umgangs mit komplexen Codes besteht häufig die Voraussetzung, um auf die Attribut (en) eines bestimmten übergeordneten Knotens gegen mehrere untergeordnete Knoten zuzugreifen, um seine Funktionen anzuwenden. In einem solchen Fall wird die Verwendung der festgelegten Attribute bequem, anstatt sie wiederholt zuzuweisen. Darüber hinaus hilft das Erhalten des Attributs eines übergeordneten Knotens JavaScript dabei, den Zugriff realisierbar zu machen und die zugewiesenen Attribute effektiv zu verwenden.

In diesem Tutorial werden die Ansätze erörtert, um das Attribut eines übergeordneten Knotens mit JavaScript zu erhalten.

So erhalten Sie das Attribut eines übergeordneten Knotens mit JavaScript?

Das Attribut des übergeordneten Knotens kann in JavaScript unter Verwendung der folgenden Ansätze abgerufen werden:

• “ParentelementEigentum mit dem "GetAttribute ()" Methode.
• “am nächsten () ()" Und "GetAttribute ()”Methoden.
• “JQuery”Methoden.

Ansatz 1: Attribut eines übergeordneten Knotens in JavaScript mit der Parentelement -Eigenschaft mit der Methode GetTTribute () abrufen

Der "ParentelementEigenschaft gibt das übergeordnete Element des zugehörigen Elements an. Während die "GetAttribute ()Die Methode gibt den Wert des Attributs eines Elements zurück. Diese Methoden können in Kombination angewendet werden, um auf den untergeordneten Knoten zuzugreifen und das bestimmte Attribut des übergeordneten Knotens zu erhalten, indem Sie sich auf den untergeordneten Knoten beziehen.

Syntax

Element.GetAttribute (Name)

In der oben gegebenen Syntax:

“Name”Zeigt auf den Namen des Attributs.

Beispiel
Überlegen wir das folgende Beispiel:

Dies ist LinuxHint -Website

Im obigen Code -Snippet:

• Zunächst einschließen die “"Element mit dem angegebenen"Ausweis"Die als die angesehen werden"Elternteil”Knoten.
• Geben Sie im nächsten Schritt die “an"

  "Element mit dem angegebenen"Ausweis”, Die als das behandelt werden“Kind”Knoten.

• Greifen Sie im JS -Code auf den untergeordneten Knoten durch. “Ausweis"Über die"GetElementById ()" Methode.
• Danach verbinden Sie die “Parentelement”Eigentum und die“GetAttribute ()Methoden zum abgerufenen Kinderknoten.
• Dies führt zum Abnehmen des angegebenen Attributs des übergeordneten Knoten.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass das entsprechende Mengenattribut durch den Hinweis auf die „ID“ des übergeordneten Knotens angezeigt wird.

Ansatz 2: Nehmen Sie das Attribut eines übergeordneten Knotens in JavaScript mit den Methoden CEthest () und getatTribute () ab

Der "am nächsten () ()Methode durchsucht die Elemente in einem DOM -Baum, der einem bestimmten CSS -Selektor entspricht. Diese Methode kann in Kombination mit der “implementiert werdenGetAttribute ()Methode zur Suche nach dem nächsten Element des jeweiligen untergeordneten Element.

Syntax

Element.am nächsten (Selektoren)

In der obigen Syntax:

“SelektorenEntsprechen einem oder mehr als einem CSS -Selektoren.

Beispiel
Lassen Sie uns das folgende Beispiel durchlaufen:

Dies ist ein Bild

Wenden Sie die folgenden Schritte an, wie in den oben genannten Codezeilen angegeben:

• Geben Sie ebenfalls den übergeordneten Knoten und zwei untergeordnete Knoten ein, die angegeben sind “IDS", bzw.
• Greifen Sie im JavaScript -Code im JavaScript -Code auf die untergeordneten Knoten zu, wie er mit der “mit der“ besprochen wirdGetElementById ()" Methode.
• Wenden Sie im nächsten Schritt die anam nächsten () ()"Methode, die sich auf die" bezieht "Ausweis”Des übergeordneten Elements. Dies führt zu dem Zugriff auf das nächste Element mit der angegebenen ID.
• Wenden Sie auch das an “GetAttribute ()”Methode zum Abrufen des angegebenen“Attribut”Des zugegriffenen übergeordneten Elements im vorherigen Schritt.
• Zuletzt zeigen Sie das Attribut des entsprechenden übergeordneten Knotens des übergeordneten Knotens an.

Ausgang

Aus der obigen Ausgabe ist ersichtlich, dass das Attribut des übergeordneten Knotens "Stil”Wird abgerufen.

Ansatz 3: Nehmen Sie das Attribut eines übergeordneten Knotens in JavaScript mit JQuery -Methoden ab

Dieser Ansatz kann angewendet werden, um direkt auf den untergeordneten Knoten zuzugreifen und auf das Attribut des übergeordneten Knotens zuzugreifen, indem er sich über separate Methoden darauf bezieht.

Beispiel
Das folgende Beispiel zeigt das angegebene Konzept:

Im obigen Code:

• Umfassen die "JQueryBibliothek, um ihre Methoden anzuwenden.
• Geben Sie danach ebenfalls den übergeordneten und untergeordneten Knoten an. Die Eingabe "Text"Feld hier wird als die" dienen "Kind”Knoten.
• Greifen Sie im JS -Code auf das untergeordnete Element zu, ich.e., Eingabtextfeld. Der "Elternteil()" und das "attr ()Methoden finden das angegebene Attribut im übergeordneten Element und zeigen es über eine Warnung an.

Ausgang

Die obige Ausgabe bedeutet, dass die gewünschte Anforderung erreicht wird.

Abschluss

Die Parentelement -Eigenschaft mit der Methode GetTTribute () kann zum übergeordneten Knoten umleiten und sein bestimmtes Attribut abrufen. Die Methoden am nächsten () und GetAtTribute () können das nächstgelegene Element in Bezug auf das zugehörige untergeordnete Element abrufen und sein Attribut abrufen. Während die JQuery -Methoden direkt auf den Kinderknoten zugreifen und separate Methoden für jede Funktion verwenden können, um die gewünschten Anforderungen auszuführen. In diesem Blog wird erläutert, wie Sie das Attribut eines übergeordneten Knotens in JavaScript erhalten können.