Wie man HREF in JavaScript bekommt
“href”Steht für einen Hypertext -Link. Während der Entwicklung einer Website wird die URL der Seite, auf die die Linkpunkte mit dem HTML -Anker angegeben sind, angegeben" Schild. In bestimmten Szenarien müssen die Entwickler den Wert des HREF, der URL der Seite, bestimmen. Zu diesem Zweck verfügt JavaScript über einige integrierte Methoden, mit denen Sie helfen können.
In diesem Handbuch werden die Möglichkeiten erörtert, um den HREF -Wert des JavaScript -Anker -Tags zu erhalten.
Wie man HREF in JavaScript bekommt?
Verwenden Sie die folgenden vordefinierten JavaScript -Methoden, um den HREF -Wert in JavaScript zu bestimmen:
- GetAttribute () -Methode
- HREF -Attribut
Lassen Sie uns diese Ansätze einzeln untersuchen!
Methode 1: Get HREF mit der Methode mit GetAtTribute () GET
Der "GetAttribute ()Die Methode der Elementschnittstelle ergibt den Wert eines bestimmten Attributs des definierten Elements. Der Rückgabewert ist null oder die leere Zeichenfolge, wenn das gewünschte Attribut fehlt.
Syntax
Befolgen Sie die angegebene Syntax, um den HREF mit der Methode GetAtTribute () zu erhalten:
Element.getAttribute (Attributename)
Hier, "AttributenameIst der Name des Attributs, dessen Wert wir bekommen wollen.
Beispiel: Href mit der Methode querySelector () mit der Methode GetAtTribute () abrufen
Wir werden zunächst ein Anker -Tag, eine Schaltfläche und ein Etikett zum Drucken von URL erstellen, mit dem der HREF -Wert mit JavaScript erhalten wirdGetAttribute ()" Methode:
Holen Sie sich das HREF in JavaScript
Verknüpfung
Als nächstes definieren Sie die “Geturl ()"Funktion in der JavaScript -Datei, in der wir zuerst das Anker -Tag mit" erhalten "erhalten"QuerySelector ()Methode und rufen Sie dann die Methode von GetAttribute () auf, indem Sie HREF als Argument übergeben. Es wird das erste Anker -Tag herausfinden und seine URL abrufen und in der “speichern“href”Variable. Druckt schließlich den Wert als Text des hinzugefügten Etiketts:
Funktion geturl ()
var href = document.QuerySelector ('A').getAttribute ('href');
var url = dokument.GetElementById ('Geturl');
URL.textContent = 'Die URL ist $ href';
Die Ausgabe zeigt den Wert von HREF auf einer Schaltfläche an. Klicken Sie auf:
Wechseln Sie zur nächsten Methode, um HREF in JavaScript zu erhalten.
Methode 2: HREF mithilfe des HREF -Attributs abrufen
Die andere Methode zum Erhalten von HREF -Wert ist die “href”Attribut. Der HREF ist das Eigentum der “HtmlanchorElementDas aktualisiert den HREF und gibt eine Zeichenfolge mit der vollständigen URL.
Syntax
Verwenden Sie die folgende Syntax, um den HREF -Wert mithilfe der zu erhaltenhref”Attribut:
Anchorelement.href
Beispiel: Get HREF mit GetElementById () -Methode mit HREF -Attribut
Wir werden denselben Link im Anker Tag im vorherigen Beispiel betrachten. Dann in derGeturl ()Funktionen Sie zuerst auf das Anker -Tag, indem Sie die “übergeben“VerknüpfungID des Anker -Tags im "GetElementById ()Methode und nennen Sie die “href”Attribut damit. Nehmen Sie als nächstes das hinzugefügte Etikett mit derselben Prozedur ab und setzen Sie den Wert des abgerufenen HREF als Inhalt fest:
Funktion geturl ()
const value1 = dokument.GetElementById ("Link").href;
const url = dokument.GetElementById ('Geturl');
URL.textContent = 'Die URL ist $ value1';
Ausgang
Wir haben die einfachste Lösung für den HREF -Wert in JavaScript bereitgestellt.
Abschluss
Um das HREF in JavaScript zu erhalten. Das einzige, was die Methode von GetAttribute () vom HREF -Attribut trennt. In diesem Handbuch haben wir die Möglichkeiten erörtert, den HREF -Wert des JavaScript -Anker -Tags zu erhalten.