如何使用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>