Comment récupérer les éléments par attribut lorsque QuerySelectorall n'est pas disponible

Malgré sa prévalence, la méthode QuerySelectorall peut ne pas être universellement accessible. Par exemple, les navigateurs plus âgés comme IE7 manquent de cette fonctionnalité. Cependant, il est possible d'obtenir des résultats similaires en utilisant une approche native qui garantit la compatibilité avec ie7.

considérer le scénario suivant:

attributs:

document.querySelectorAll('[data-foo]')

Cependant, en l'absence de QuerySelectorall, une solution alternative est requise. var matchingElements = []; var allelements = document.getElementsByTagName ('*'); for (var i = 0, n = allelements.length; i

Cette fonction traverse le document entier, récupérant tous les éléments avec un attribut spécifique. En l'invoquant:

function getAllElementsWithAttribute(attribute) {
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i  
 on peut récupérer efficacement les éléments avec l'attribut "data-foo". Cette solution est à la fois complète et compatible avec IE7, permettant l'accès aux éléments par attribut même dans les navigateurs dépourvus de queySelectorall.