cómo recuperar elementos por atributo Cuando QuerySelectorall no está disponible

A pesar de su prevalencia, el método QuerySectorall puede no ser universalmente accesible. Por ejemplo, los navegadores más antiguos como IE7 carecen de esta funcionalidad. Sin embargo, es posible lograr resultados similares utilizando un enfoque nativo que garantice la compatibilidad con IE7.

Considere el siguiente escenario:

típicamente, se utilizaría atributos:

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

Sin embargo, en ausencia de QuerySelectorAll, se requiere una solución alternativa.

para alcanzar la misma funcionalidad de forma natativa, una función de JavaScript se puede construir:

function getAllElementsWithAttribute(attribute) {
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i  
 Esta función atraviesa todo el documento, recuperando todos los elementos con un atributo específico. Invocándolo: 
 
getAllElementsWithAttribute('data-foo');
 
 se puede recuperar efectivamente elementos con el atributo "data-foo". Esta solución es completa y compatible con IE7, lo que permite el acceso a elementos por atributo incluso en navegadores que carecen de QuerySelectorAll.