Javascript：选择HTML页面上的所有数据qa属性

仅使用JavaScript，而不使用JQuery等，选择具有特定数据属性的所有属性名称（比如data qa）的最有效方法是什么

预期结果应为：

苹果公司 书 汽车 这个问题得到了父元素，我想要属性本身

资源：

---

下面的代码通过使用

document.querySelectorAll

获取所有元素，将元素映射到数据属性的值，然后过滤掉falsy或

'0'

让getAllDataAttrs=name=>Array.from(
document.querySelectorAll（`[data-${name}]`）
).map（elem=>elem.getAttribute（`data-${name}`）
.filter（val=>val&&val！==“0”）；
log（getAllDataAttrs（'foo'）






下面的代码通过使用
document.queryselectoral
获取所有元素，将元素映射到数据属性的值，然后过滤掉falsy或
'0'


让getAllDataAttrs=name=>Array.from(
document.querySelectorAll（`[data-${name}]`）
).map（elem=>elem.getAttribute（`data-${name}`）
.filter（val=>val&&val！==“0”）；
log（getAllDataAttrs（'foo'）






以下是所需的核心香草javascript功能，仅供参考

使用
querySelectorAll
、
querySelector
和
getElementById
应该可以让您开始使用


//通过“id”获取“数据qa”值
var data=document.getElementById（'id-test2'）.getAttribute（'data-qa'）；
控制台日志（数据）；
//通过“数据qa”获取“id”值
var data=document.querySelector（'[data qa=“data-qa-test2”]'）.id；
控制台日志（数据）；
//获取属性为“data qa”的所有元素
var elems=document.querySelectorAll（“[dataqa]”）；
//获取所有“ID”
var数据=[]；
要素forEach（功能（要素）{
数据推送（元素id）；
});
控制台日志（数据）；
//获取所有“数据质量保证”
var数据=[]；
要素forEach（功能（要素）{
data.push（elem.getAttribute（'data-qa'）；
});
控制台日志（数据）
以下是所需的核心香草javascript功能，仅供参考

使用
querySelectorAll
、
querySelector
和
getElementById
应该可以让您开始使用


//通过“id”获取“数据qa”值
var data=document.getElementById（'id-test2'）.getAttribute（'data-qa'）；
控制台日志（数据）；
//通过“数据qa”获取“id”值
var data=document.querySelector（'[data qa=“data-qa-test2”]'）.id；
控制台日志（数据）；
//获取属性为“data qa”的所有元素
var elems=document.querySelectorAll（“[dataqa]”）；
//获取所有“ID”
var数据=[]；
要素forEach（功能（要素）{
数据推送（元素id）；
});
控制台日志（数据）；
//获取所有“数据质量保证”
var数据=[]；
要素forEach（功能（要素）{
data.push（elem.getAttribute（'data-qa'）；
});
控制台日志（数据）

一旦你有了这些元素，你就可以循环使用它们，请不要添加不相关的标签，如[ecma]。[ecma]指的是组织，它会损害其他用户发现此问题的能力。一旦您拥有元素，您可以循环使用它们，请不要添加与[ecma]无关的标记。[ecma]指的是组织，它会损害其他用户发现此问题的能力。