Comment rechercher efficacement des éléments DOM par valeur d'attribut ?

Comment rechercher un élément dans le DOM en fonction d'une valeur d'attribut

Recherche d'un élément dans le modèle objet de document (DOM) en fonction de une valeur d'attribut est une tâche courante dans le développement Web. Les API DOM fournissent des mécanismes robustes pour effectuer cette opération.

Dans les navigateurs modernes, querySelectorAll est une méthode native qui vous permet de récupérer des éléments qui correspondent à un sélecteur CSS donné. Par exemple, pour rechercher des éléments avec un attribut data-foo spécifique défini sur « valeur », vous pouvez utiliser le sélecteur suivant :

document.querySelectorAll('[data-foo="value"]');

Cette méthode est prise en charge par tous les principaux navigateurs modernes, comme détaillé sur MDN : https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll et https://caniuse.com/queryselector.

Pour les navigateurs obsolètes tels que IE9 et versions antérieures, vous pouvez utiliser la bibliothèque jQuery pour obtenir la même fonctionnalité :

$('[data-foo="value"]');

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!