Uzyskaj element atrybutu HREF za pomocą JavaScript

Podczas aktualizacji strony internetowej lub strony internetowej mogą istnieć różne elementy przeciwko tym samym „Href”Atrybut, który należy pobrać, aby określić inny adres URL w atrybucie. Co więcej, ta funkcjonalność jest również pomocna w przypadku stron internetowych obejmujących różne linki, które należy zmienić od czasu do czasu. W takich przypadkach uzyskanie elementu przez atrybut HREF pomaga w dostępie do elementu, tym samym skutecznie wykorzystując bieżące zasoby i pamięć.

W tym artykule pokazuje podejścia do uzyskania elementu przez atrybut HREF za pomocą JavaScript.

Jak uzyskać element przez atrybut HREF w JavaScript?

Element może zostać pobrany przez „Href”Atrybut za pomocą„dokument.QuerySelelection ()" metoda. Ta metoda pobiera wszystkie elementy pasujące do selektora CSS i zwraca listę węzłów. Mówiąc dokładniej, podaną metodę można zaimplementować, aby uzyskać dostęp do określonego atrybutu HREF w stosunku do „”Element zakotwiczenia i wyświetl odpowiedni element.

Składnia

dokument.querySelelectionAll (selektory)

W podanej składni:

"Selektory”Odpowiada jednego lub więcej niż jednego selektora CSS.

Przykład 1: Zdobądź element według atrybutu HREF
W tym przykładzie „„Element zakotwiczenia zostanie pobrany, uzyskując dostęp do„Href”Atrybut za pomocą określonej metody:

Google

W powyższym fragmencie kodu:

• Po pierwsze, określ „Href”Atrybut i podane„URL”Odpowiednio, w kotwicy”" element.
• W kodzie JS uzyskaj dostęp do atrybutu HREF, stosując „dokument.QuerySelelection ()”Metoda o określonym adresie URL w poprzednim etapie jako jego parametr.
• Na koniec wyświetl odpowiedni element, i.mi., "”Wbrew określonym atrybucie HREF.

Wyjście

W powyższym wyjściu można zauważyć, że odpowiadający „”Element jest pobierany za pomocą określonego atrybutu HREF.

Przykład 2: Zdobądź element, częściowo dopasowując atrybut HREF
W tym przykładzie odpowiedni element zostanie pobrany przez częściowo określając atrybut HREF:

Google

Wykonaj następujące kroki w powyższym kodzie:

• Po pierwsze, podobnie jak „Href”Atrybut i określ wyznaczone„URL”W„ „" element.
• W kodzie JavaScript uzyskaj dostęp do określonego elementu, określając atrybut HREF na nim częściowo za pomocą „dokument.QuerySelelection ()" metoda.
• Na koniec wyświetl odpowiedni element, i.mi., "”Wbrew określonym atrybucie częściowym.

Wyjście

Powyższe dane wyjściowe oznacza, że ​​podany element jest prawidłowo pobierany przez częściowe określenie atrybutu HREF.

Wniosek

„„dokument.QuerySelelection ()„Metoda może zostać zaimplementowana, aby uzyskać element, określając pełne lub częściowe”Href”Atrybuty za pomocą JavaScript. Tę metodę można wykorzystać do pobierania elementu za pomocą zawartego atrybutu HREF. Tę samą funkcjonalność można wykonać, określając również częściowy atrybut HREF. Ten blog wyjaśnił, aby uzyskać element atrybutu HREF w JavaScript.