JS如何获取指定属性的所有HTML个元素？

Question

我想为我的项目创建一个自定义属性，但我无法这样做。我在 Google 上搜索，但没有找到我想要的。

没有data-*属性，请...

属性与 Vue.js 或 Angular.js

中的属性相同

这似乎是一个愚蠢的问题，但我是初学者所以请帮忙。

Answer 1

您可以使用函数querySelectorAll

例如：

此代码片段显示如何查找具有属性 myAttr 且值以 Ele

开头的元素

Array.prototype.forEach.call(document.querySelectorAll('[myAttr^="Ele"]'), function(elem) {
  console.log(elem.textContent);
});

<span myAttr="EleFromSO">EleFromSO</span>
<p myAttr="EleSO">EleSO</p>
<p myAttr="SOEle">SOEle value starts with SO</p>

如果需要查找属性为myAttr的元素：

Array.prototype.forEach.call(document.querySelectorAll('[myAttr]'), function(elem) {
  console.log(elem.getAttribute('myAttr'));
});

<span myAttr="EleFromSO">EleFromSO</span>
<p myAttr="EleSO">EleSO</p>
<p myAttr="SOEle">SOEle value starts with SO</p>

How To Get All HTML Elements With A Specified Attribute Using JS?