Holen Sie sich ein Element von HREF -Attribut mit JavaScript

Während der Aktualisierung einer Webseite oder der Website kann es verschiedene Elemente dagegen geben. “hrefAttribut, das abgerufen werden muss, um eine andere URL innerhalb des Attributs anzugeben. Darüber hinaus ist diese Funktionalität auch bei Webseiten mit verschiedenen Links hilfreich, die von Zeit zu Zeit geändert werden müssen. In solchen Fällen hilft das Erhalten eines Elements durch das HREF -Attribut beim Zugriff auf das Element und nutzt damit die aktuellen Ressourcen und den Speicher effektiv.

Dieser Artikel zeigt die Ansätze, um ein Element durch das HREF -Attribut mit JavaScript zu erhalten.

So erhalten Sie ein Element nach HREF -Attribut in JavaScript?

Das Element kann von dem abgerufen werdenhref”Attribut mit der“dokumentieren.QuerySelectorAll ()" Methode. Diese Methode holt alle Elemente ab, die einem CSS -Selektor entsprechen, und gibt eine Knotenliste zurück. Insbesondere kann die angegebene Methode implementiert werden, um auf das angegebene HREF -Attribut gegen das zuzugreifenAnkerelement und das entsprechende Element anzeigen.

Syntax

dokumentieren.QuerySelectorall (Selektoren)

In der angegebenen Syntax:

“Selektoren”Entspricht einem oder mehr als einem CSS -Selektor.

Beispiel 1: Holen Sie sich ein Element von HREF -Attribut
In diesem Beispiel das “Das Ankerelement wird durch den Zugriff auf die “abgerufenhref”Attribut über die angegebene Methode:

Google

Im obigen Code -Snippet:

• Geben Sie zunächst das an “href”Attribut und die angegebenen“URL"Jeweils innerhalb des Ankers"" Element.
• Greifen Sie im JS -Code auf das HREF -Attribut zu, indem Sie die “anwendendokumentieren.QuerySelectorAll ()Methode mit der angegebenen URL im vorherigen Schritt als Parameter.
• Zuletzt das entsprechende Element anzeigen, i.e., “”Gegen das angegebene HREF -Attribut.

Ausgang

In der obigen Ausgabe ist ersichtlich, dass das entsprechende “Das Element wird mit Hilfe des angegebenen HREF -Attributs abgerufen.

Beispiel 2: Holen Sie sich ein Element, indem Sie das HREF -Attribut teilweise übereinstimmen
In diesem Beispiel wird das entsprechende Element abgerufen, indem auch das HREF -Attribut teilweise angegeben wird:

Google

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

• Erstens auch, auch die “einschließen“href”Attribut und geben Sie die angegebenen“ an “URL" innerhalb der "" Element.
• Greifen Sie im JavaScript -Code auf das angegebene Element zu, indem Sie das HREF -Attribut dagegen teilweise angebendokumentieren.QuerySelectorAll ()" Methode.
• Schließlich zeigen Sie das entsprechende Element an, i.e., “”Gegen das angegebene Teilattribut.

Ausgang

Die obige Ausgabe bedeutet, dass das angegebene Element ordnungsgemäß abgerufen wird, indem das HREF -Attribut teilweise angegeben wird.

Abschluss

Der "dokumentieren.QuerySelectorAll ()"Methode kann implementiert werden, um ein Element zu erhalten, indem voll oder teilweise angegeben wird"href”Attribute mit JavaScript. Diese Methode kann verwendet werden, um das Element mit Hilfe des darin enthaltenen HREF -Attributs zu holen. Die gleiche Funktionalität kann durchgeführt werden, indem auch das partielle HREF -Attribut angegeben wird. Dieser Blog wurde erklärt, um ein Element von HREF -Attribut in JavaScript zu erhalten.