在不使用 jQuery 的情况下选择具有“data-xxx”属性的所有元素

Question

仅使用纯 JavaScript，选择所有具有特定 data- 属性（比如说 data-foo ）的 DOM 元素的最有效方法是什么。

元素可能不同，例如：

<p data-foo="0"></p><br/><h6 data-foo="1"></h6>

原文由 JLeonard 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 querySelectorAll ：

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

原文由 Joe 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

document.querySelectorAll("[data-foo]")

将为您提供具有该属性的所有元素。

 document.querySelectorAll("[data-foo='1']")

只会让你得到值为 1 的。

原文由 Joseph Marikle 发布，翻译遵循 CC BY-SA 3.0 许可协议