Question

Is there an easy way to get all elements by data-foo (a specific data- attribute name) like getElementsByTagName or getElementsByClassName thanks.

Note: I am not using a JS library.

Answer 1

You’ve got one approach, in compliant browsers, so long as you know in advance the name of the attribute you’re looking for, say data-myatt:

var dataElems = document.querySelectorAll('[data-myatt]');

JS Fiddle proof-of-concept.

References:

• document.querySelectorAll().
• Selectors Level 3 – Attribute presence and value selectors