选择所有带有"data-xxx"的元素.不使用jQuery的属性 [英] Select all elements with a "data-xxx" attribute without using jQuery

问题描述

仅使用纯JavaScript，选择具有特定data-属性(例如data-foo)的所有DOM元素的最有效方法是什么.

Using only pure JavaScript, what is the most efficient way to select all DOM elements that have a certain data- attribute (let's say data-foo).

元素可能有所不同，例如:

The elements may be different, for example:

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

推荐答案

您可以使用 querySelectorAll :

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

这篇关于选择所有带有"data-xxx"的元素.不使用jQuery的属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！