Comment sélectionner des éléments par attribut dans les anciens navigateurs sans querySelectorAll ?

Alternative à querySelectorAll pour la sélection d'attributs

Lorsque vous travaillez avec des navigateurs plus anciens dépourvus de la méthode querySelectorAll, il devient nécessaire de trouver d'autres moyens de sélectionner éléments basés sur des attributs. Cet article explore une solution pour récupérer des éléments avec un attribut spécifique dans les navigateurs tels que IE7.

Pour y parvenir, nous introduisons une fonction personnalisée nommée getAllElementsWithAttribute. Cette fonction utilise la méthode getElementByTagName('*') pour récupérer tous les éléments du document. Il parcourt ensuite ces éléments et vérifie la présence de l’attribut souhaité. Les éléments avec l'attribut sont ajoutés à un tableau, qui est renvoyé par la fonction.

Pour utiliser cette fonction, spécifiez simplement le nom de l'attribut que vous souhaitez faire correspondre. Par exemple :

<code class="javascript">getAllElementsWithAttribute('data-foo');</code>

Cela renverrait un tableau contenant tous les éléments avec l'attribut 'data-foo'. Cette solution fournit un moyen robuste et compatible avec tous les navigateurs d'effectuer la sélection d'attributs, même dans les navigateurs plus anciens qui ne prennent pas en charge nativement querySelectorAll.

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!