检索具有data-foo Javascript的所有元素

Question

是否有一种简单的方法可以通过data-foo（特定数据属性名称）获取所有元素，例如getElementsByTagName或getElementsByClassName，谢谢。

注意：我没有使用JS库。

Answer 1

您在兼容的浏览器中有一种方法，只要您事先知道要查找的属性的名称，例如data-myatt：

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

JS Fiddle proof-of-concept

参考文献：

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