Obtenha um elemento do atributo href usando JavaScript

Ao atualizar uma página da web ou o site, pode haver vários elementos contra o mesmo “Href”Atributo, que precisa ser buscado para especificar um URL diferente dentro do atributo. Além disso, essa funcionalidade também é útil no caso de páginas da web envolvendo vários links que precisam ser alterados de tempos em tempos. Nesses casos, obter um elemento do atributo href ajuda a acessar o elemento, utilizando assim os recursos e a memória atuais efetivamente.

Este artigo demonstrará as abordagens para obter um elemento do atributo href usando JavaScript.

Como obter um elemento do atributo href em javascript?

O elemento pode ser buscado pelo “HrefAtributo usando o “documento.QuerySelectorAll ()”Método. Este método busca todos os elementos que correspondem a um (s) seletor (s) CSS e retorna uma lista de nós. Mais especificamente, o método declarado pode ser implementado para acessar o atributo href especificado contra o “”Elemento âncora e exibir o elemento correspondente.

Sintaxe

documento.QuerySelectorAll (seletores)

Na sintaxe dada:

““Seletores”Corresponde a um ou mais de um seletor CSS.

Exemplo 1: Obtenha um elemento do atributo href
Neste exemplo, o “”O elemento âncora será buscado acessando o“Href”Atributo através do método declarado:

Google

No trecho de código acima:

• Em primeiro lugar, especifique o “Href”Atributo e o declarado“Url"Respectivamente, dentro da âncora"" elemento.
• No código JS, acesse o atributo href aplicando o “documento.QuerySelectorAll ()”Método com o URL especificado na etapa anterior como seu parâmetro.
• Por fim, exiba o elemento correspondente, eu.e., ““”Contra o atributo href especificado.

Saída

Na saída acima, pode -se ver que o correspondente “”O elemento é recuperado com a ajuda do atributo href especificado.

Exemplo 2: Obtenha um elemento combinando o atributo href parcialmente
Neste exemplo, o elemento correspondente será buscado especificando o atributo HREF também parcialmente:

Google

Execute as etapas a seguir no código acima:

• Em primeiro lugar, da mesma forma, inclua o “Href”Atribua e especifique o declarado“Url" dentro do "" elemento.
• No código JavaScript, acesse o elemento declarado especificando o atributo href contra ele usando parcialmente o “documento.QuerySelectorAll ()”Método.
• Finalmente, exiba o elemento correspondente, eu.e., ““”Contra o atributo parcial especificado.

Saída

A saída acima significa que o elemento declarado é buscado corretamente especificando parcialmente o atributo href.

Conclusão

O "documento.QuerySelectorAll ()”O método pode ser implementado para obter um elemento especificando completo ou parcial“Href”Atributos usando JavaScript. Este método pode ser utilizado para buscar o elemento com a ajuda do atributo href contido nele. A mesma funcionalidade pode ser realizada especificando o atributo parcial href também. Este blog explicou para obter um elemento de atributo href em javascript.