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

Question

有没有一种简单的方法来获取所有元素data-foo(特定的数据属性名称)getElementsByTagName或者getElementsByClassName感谢.

注意:我没有使用JS库.

Answer 1

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

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

JS小提琴概念验证.

参考文献:

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