Select all elements with a “data-xxx” attribute without using jQuery

by

You can use querySelectorAll:

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

More Related Contents:

  1. Is there a spec that the id of elements should be made global variable?
  2. Check if an element contains a class in JavaScript?
  3. Changing CSS Values with Javascript
  4. Chrome extension – retrieving global variable from webpage
  5. innerText vs innerHTML vs label vs text vs textContent vs outerText
  6. Why is the value of my input always empty if I store it in a variable?
  7. How to convert a DOM node list to an array in Javascript?
  8. JavaScript DOM: Find Element Index In Container
  9. Adding an onclick event to a table row
  10. Is there a DOM event that fires when an HTML select element is closed?
  11. Is innerHTML asynchronous?
  12. Does the onchange event propagate?
  13. Change ‘s option and trigger events with JavaScript
  14. Is there any “on DOM change” event? [duplicate]
  15. Can I apply CSS to the elements within an iframe?
  16. Changing the order of elements
  17. createElement vs. createElementNS
  18. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  19. Does HTML Hidden control have any events? Like onchange or something?
  20. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  21. getElementsByClassName() with two classes
  22. What is the difference between `firstChild` and `firstElementChild`?
  23. How can I remove wrapper (parent element) without removing the child?
  24. Why does
  25. How to properly unload/destroy a VIDEO element
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  28. How to get element by class name
  29. Test if an element can contain text
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment