Obtener elemento por atributo en JavaScript

Kushank Singh 12 octubre 2023
  1. Utilice la función querySelectorAll() para obtener un elemento por su atributo en JavaScript
  2. Utilice la biblioteca jQuery para obtener un elemento por su atributo en JavaScript
Obtener elemento por atributo en JavaScript

Este tutorial demostrará cómo obtener un elemento por su atributo en JavaScript.

Utilice la función querySelectorAll() para obtener un elemento por su atributo en JavaScript

El método Document.querySelectorAll(selector) devuelve una lista de los elementos del documento que coinciden con los selectores especificados. Podemos especificar el atributo en los selectores.

Mira el ejemplo a continuación.

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

El ejemplo anterior tiene un selector de atributo, donde se define el valor del atributo, myAttribute=value.

Esta función es compatible con la mayoría de los navegadores modernos.

Utilice la biblioteca jQuery para obtener un elemento por su atributo en JavaScript

jQuery es una biblioteca JavaScript robusta y rápida. Podemos seleccionar elementos por su atributo usando el selector de elementos jQuery - $.

Por ejemplo,

$('[myAttribute=value]');

Este método también es válido con navegadores obsoletos que admiten la biblioteca jQuery.

Artículo relacionado - JavaScript Attribute