如何使用JavaScript查找具有特定属性的所有元素

Question

我试图弄清楚如何找到具有特定属性的所有元素。我事先没有知道这个元素就无法解决这个问题。这是使用普通的香草javascript。

Answer 1

使用querySelectorAll和attribute matching selector：

document.querySelectorAll('[myattribute]')

这应该适合你。

一个例子：

＆＃13;

＆＃13;

console.log(document.querySelectorAll('[myattr]'));

＆＃13;

<div>
  <p myattr="test">hello</p>
  <ul>
    <li myattr="somethingelse">world</li>
    <li>!!!</li>
  </ul>
 </div>

＆＃13;

＆＃13;

＆＃13;

打开控制台，您会看到已返回<p>和<li>的{​​{1}}。