Jak zdobyć HREF w JavaScript
"Href”Oznacza link hipertekstowy. Podczas opracowywania strony internetowej adresu URL strony, na którą punkty linku są określone za pomocą kotwicy HTML ””Tag. W niektórych scenariuszach programiści muszą określić wartość HREF, która jest adresem URL strony. Aby to zrobić, JavaScript ma kilka wbudowanych metod, które mogą Ci pomóc.
W tym podręczniku omówi sposoby uzyskania wartości HREF znacznika zakotwiczenia JavaScript.
Jak zdobyć HREF w JavaScript?
Aby określić wartość HREF w JavaScript, użyj następujących predefiniowanych metod JavaScript:
- metoda getAttribute ()
- atrybut HREF
Zbadajmy te podejścia indywidualnie!
Metoda 1: Zdobądź HREF za pomocą metody getAttribute ()
„„getAttribute ()„Metoda interfejsu elementu podaje wartość określonego atrybutu zdefiniowanego elementu. Wartość zwracana jest zerowa lub pusty ciąg, jeśli brakuje żądanego atrybutu.
Składnia
Postępuj zgodnie z podaną składnią, aby uzyskać HREF za pomocą metody getAttribute ():
element.getAttribute (atrybutename)
Tutaj, "atrybutename”To nazwa atrybutu, której wartość chcemy uzyskać.
Przykład: Pobierz HREF za pomocą metody QuerySelelect () z metodą getAttribute ()
Najpierw utworzymy znacznik kotwicy, przycisk i etykietę do drukowania adresu URL, który otrzyma wartość HREF za pomocą JavaScript „getAttribute ()" metoda:
Zdobądź HREF w JavaScript
Połączyć
Następnie zdefiniuj „geturl ()”Funkcja w pliku JavaScript, w którym najpierw będziemy, uzyskamy znacznik kotwicy za pomocą„QuerySelelect ()”Metoda, a następnie wywołać metodę getAttribute (), przekazując HREF jako argument. Odkryje pierwszy znacznik Anchor i odzyska swój adres URL i przechowuje go w „Href" zmienny. Wreszcie, drukuje wartość jako tekst dodanej etykiety:
funkcja geturl ()
var href = dokument.QuerySelelector („A”).getAttribute („href”);
var url = dokument.getElementById („geturl”);
URL.textContent = 'URL to $ href';
Wyjście wyświetla wartość HREF na przycisku Kliknij:
Przejdźmy do następnej metody uzyskania HREF w JavaScript.
Metoda 2: Zdobądź HREF za pomocą atrybutu HREF
Inną metodą uzyskania wartości HREF jest „Href" atrybut. HREF jest własnością „HtmLanchorelement”, Który aktualizuje HREF i podaje ciąg z kompletnym adresem URL.
Składnia
Użyj następującej składni, aby uzyskać wartość HREF za pomocą „Href" atrybut:
Kotwiczenie.Href
Przykład: Zdobądź HREF za pomocą metody getElementById () z atrybutem HREF
Rozważymy ten sam link w znaczniku kotwicy używanym w poprzednim przykładzie. Następnie w „geturl ()”Funkcja, najpierw dostęp do znacznika kotwicy, przekazując„połączyć„Identyfikator znacznika kotwicy w„getElementById ()„Metoda i wywołać„Href„Atrybut z nim. Następnie ponownie uzyskaj dodaną etykietę przy użyciu tej samej procedury i ustaw wartość pobieranego HREF jako jej zawartość:
funkcja geturl ()
const wartość1 = dokument.getElementById („link”).href;
const url = dokument.getElementById („geturl”);
URL.textContent = 'URL to $ value1';
Wyjście
Zapewniliśmy najprostsze rozwiązanie do uzyskania wartości HREF w JavaScript.
Wniosek
Aby uzyskać HREF w JavaScript, możesz użyć predefiniowanych metod JavaScript, takich jak metoda getAttribute () i atrybut HREF. Jedyną rzeczą, która oddziela metodę getAttribute () od atrybutu HREF, jest to, że zwraca wartość elementu zakotwiczenia. W tym podręczniku omówiliśmy sposoby uzyskania wartości HREF znacznika kotwicy JavaScript.