Get elements by attribute when querySelectorAll is not available without using libraries?

by

You could write a function that runs getElementsByTagName(‘*’), and returns only those elements with a “data-foo” attribute:

function getAllElementsWithAttribute(attribute)
{
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++)
  {
    if (allElements[i].getAttribute(attribute) !== null)
    {
      // Element exists with attribute. Add to array.
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}

Then,

getAllElementsWithAttribute('data-foo');

More Related Contents:

  1. Remove element by id
  2. Check if an image is loaded (no errors) with jQuery
  3. Check if an element contains a class in JavaScript?
  4. How can I be notified when an element is added to the page?
  5. Get next / previous element using JavaScript?
  6. How to retrieve the display property of a DOM element?
  7. Get selected option text with JavaScript
  8. How do I toggle an element’s class in pure JavaScript?
  9. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  10. In Javascript, can you extend the DOM?
  11. How to copy a DOM node with event listeners?
  12. AngularJS: How to run additional code after AngularJS has rendered a template?
  13. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  14. Setting focus to iframe contents
  15. Get DocType of an HTML as string with Javascript
  16. Is innerHTML asynchronous?
  17. Does the onchange event propagate?
  18. Is there any “on DOM change” event? [duplicate]
  19. Can I apply CSS to the elements within an iframe?
  20. createElement vs. createElementNS
  21. How to get nodes lying inside a range with javascript?
  22. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  23. DOM / pure JavaScript solution to jQuery.closest() implementation?
  24. Finding child element of parent with JavaScript
  25. What is the difference between `firstChild` and `firstElementChild`?
  26. Javascript DOM: Setting custom DOM element properties
  27. How can I remove wrapper (parent element) without removing the child?
  28. Can I add arbitrary properties to DOM objects?
  29. Is there any way to find an element in a documentFragment?
  30. In JavaScript, how can I replace text in an HTML page without affecting the tags?

Leave a Comment