Obter Elemento por Atributo em JavaScript

Este tutorial demonstrará como obter um elemento por seu atributo em JavaScript.

Use a função querySelectorAll() para obter um elemento por seu atributo em JavaScript

O método Document.querySelectorAll(selector) retorna uma lista dos elementos do documento que correspondem aos seletores especificados. Podemos especificar o atributo nos seletores.

Veja o exemplo abaixo.

document.querySelectorAll('[myAttribute=value]');

O exemplo acima tem um seletor de atributo, onde o valor do atributo é definido, myAttribute=value.

Esta função é compatível com a maioria dos navegadores modernos.

Use a biblioteca jQuery para obter um elemento por seu atributo em JavaScript

jQuery é uma biblioteca JavaScript rápida e robusta. Podemos selecionar elementos por seus atributos usando o seletor de elemento jQuery $.

Por exemplo,

$('[myAttribute=value]');

Este método é válido com navegadores obsoletos que também suportam a biblioteca jQuery.