Ottieni un elemento con attributo HREF usando JavaScript

Durante l'aggiornamento di una pagina Web o del sito Web, possono esserci vari elementi contro lo stesso "Href"Attributo, che deve essere recuperato per specificare un URL diverso all'interno dell'attributo. Inoltre, questa funzionalità è utile anche nel caso di pagine Web che coinvolgono vari collegamenti che devono essere modificati di volta in volta. In tali casi, ottenere un elemento con l'attributo HREF aiuta ad accedere all'elemento, utilizzando così le risorse e la memoria attuali in modo efficace.

Questo articolo dimostrerà gli approcci per ottenere un elemento con l'attributo HREF usando JavaScript.

Come ottenere un elemento con attributo HREF in JavaScript?

L'elemento può essere recuperato dal "Href"Attributo usando il"documento.QuerySelectorAll ()" metodo. Questo metodo prende tutti gli elementi che corrispondono a un selettore (i) CSS e restituisce un elenco di nodi. Più specificamente, il metodo dichiarato può essere implementato per accedere all'attributo HREF specificato rispetto al ""Elemento di ancoraggio e visualizza l'elemento corrispondente.

Sintassi

documento.QuerySelectorAll (selettori)

Nella sintassi data:

"selettori"Corrisponde a uno o più di un selettore CSS.

Esempio 1: Ottieni un elemento con attributo HREF
In questo esempio, il ""L'elemento di ancoraggio verrà recuperato accedendo al"Href"Attributo tramite il metodo dichiarato:

Google

Nel frammento di codice sopra:

• In primo luogo, specificare il “Href"Attributo e il dichiarato"URL"Rispettivamente, all'interno dell'ancora""Elemento.
• Nel codice JS, accedi all'attributo HREF applicando il "documento.QuerySelectorAll ()"Metodo con l'URL specificato nel passaggio precedente come parametro.
• Infine, visualizza l'elemento corrispondente, i.e., ""Contro l'attributo HREF specificato.

Produzione

Nell'output sopra, si può vedere che il corrispondente ""L'elemento viene recuperato con l'aiuto dell'attributo HREF specificato.

Esempio 2: Ottieni un elemento abbinando parzialmente l'attributo HREF
In questo esempio, l'elemento corrispondente verrà recuperato specificando parzialmente anche l'attributo HREF:

Google

Eseguire i seguenti passaggi nel codice sopra:

• In primo luogo, allo stesso modo, includi il "Href"Attributo e specificare il dichiarato"URL"All'interno del""Elemento.
• Nel codice JavaScript, accedi all'elemento dichiarato specificando l'attributo HREF contro di esso utilizzando parzialmente il "documento.QuerySelectorAll ()" metodo.
• Infine, visualizza l'elemento corrispondente, i.e., ""Contro l'attributo parziale specificato.

Produzione

L'output sopra indica che l'elemento dichiarato viene recuperato correttamente specificando parzialmente l'attributo HREF.

Conclusione

IL "documento.QuerySelectorAll ()"Il metodo può essere implementato per ottenere un elemento specificando pieno o parziale"Href"Attributi usando JavaScript. Questo metodo può essere utilizzato per recuperare l'elemento con l'aiuto dell'attributo HREF contenuto in esso. La stessa funzionalità può essere eseguita specificando anche l'attributo HREF parziale. Questo blog ha spiegato per ottenere un elemento con l'attributo HREF in JavaScript.