Obtenga un elemento de atributo HREF usando JavaScript

Al actualizar una página web o el sitio web, puede haber varios elementos contra los mismos "href"Atributo, que debe obtenerse para especificar una URL diferente dentro del atributo. Además, esta funcionalidad también es útil en el caso de las páginas web que involucran varios enlaces que deben cambiarse de vez en cuando. En tales casos, obtener un elemento por parte del atributo HREF ayuda a acceder al elemento, utilizando así los recursos actuales y la memoria de manera efectiva.

Este artículo demostrará los enfoques para obtener un elemento por parte del atributo HREF usando JavaScript.

Cómo obtener un elemento de atributo href en JavaScript?

El elemento puede ser obtenido por el "href"Atributo usando el"documento.QuerySelectorAll ()" método. Este método obtiene todos los elementos que coinciden con un selector (s) CSS y devuelven una lista de nodos. Más específicamente, el método establecido se puede implementar para acceder al atributo HREF especificado contra el ""Elemento de anclaje y muestra el elemento correspondiente.

Sintaxis

documento.QuerySelectorAll (selectores)

En la sintaxis dada:

"selectores"Corresponde a uno o más de un selector CSS.

Ejemplo 1: Obtenga un elemento por atributo HREF
En este ejemplo, el "El elemento de anclaje se obtendrá accediendo al "href"Atributo a través del método establecido:

Google

En el fragmento de código anterior:

• En primer lugar, especifique el "href"Atributo y el declarado"Url"Respectivamente, dentro del ancla"" elemento.
• En el código JS, acceda al atributo HREF aplicando el "documento.QuerySelectorAll ()Método que tiene la URL especificada en el paso anterior como su parámetro.
• Por último, muestre el elemento correspondiente, i.mi., ""Contra el atributo HREF especificado.

Producción

En la salida anterior, se puede ver que el correspondiente "El elemento se recupera con la ayuda del atributo HREF especificado.

Ejemplo 2: Obtenga un elemento haciendo coincidir el atributo HREF parcialmente
En este ejemplo, el elemento correspondiente se obtendrá especificando el atributo HREF parcialmente también:

Google

Realice los siguientes pasos en el código anterior:

• En primer lugar, del mismo modo, incluye el "href"Atributo y especifique el indicado"Url" dentro de "" elemento.
• En el código JavaScript, acceda al elemento establecido especificando el atributo HREF contra él utilizando parcialmente el "documento.QuerySelectorAll ()" método.
• Finalmente, muestre el elemento correspondiente, yo.mi., ""Contra el atributo parcial especificado.

Producción

La salida anterior significa que el elemento establecido se obtiene correctamente especificando parcialmente el atributo HREF.

Conclusión

El "documento.QuerySelectorAll ()"El método se puede implementar para obtener un elemento especificando completo o parcial"href"Atributos usando JavaScript. Este método se puede utilizar para obtener el elemento con la ayuda del atributo HREF contenido en él. La misma funcionalidad se puede realizar especificando el atributo HREF parcial también. Este blog explicado para obtener un elemento de atributo de href en javascript.