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

Question

有没有一种简单的方法可以通过data-foo（特定的数据属性名称）喜欢getElementsByTagName或getElementsByClassName谢谢来获取所有元素。

注意：我没有使用 JS 库。

Answer 1

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

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

JS Fiddle 概念验证。

参考：

• document.querySelectorAll().
• 选择器级别 3 - 属性存在和值选择器