Obtener elemento por atributo en JavaScript

  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.

¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. Suscríbete

Artículo relacionado - JavaScript Attribute