querySelectorAll - 查找具有多个匹配类的元素

Question

使用JS的querySelectorAll方法，是否可以选择一个特定标签名字带有两个匹配类的元素。

例如，我有一个元素

<a class="classOne classTwo"></a>

使用 queryselectorall，我可以选择一个 classname：

document.querySelectorAll("a.classOne");

如何扩展这个代码，以便我可以找到所有class为classOne和classTwo的a标签？

像这样使用document.querySelectorAll("a.classOne.classTwo");并不能正常工作。

提前感谢。

- user502014

Answer 1

你需要像在 CSS 中一样：

document.querySelectorAll("a.classOne.classTwo"); 

例子：http://jsfiddle.net/gcf6w/6/

- Niklas

---

@afk5min，我不确定我是否理解了，它确实做了代码所示的工作，即将结果记录到您的控制台中？ - Niklas

Answer 2

只需要添加一个点号..

document.querySelectorAll("a.classOne.classTwo")   

- Lime

Answer 3

这是一个示例查询选择器命令，可以在一条命令中获取所有YouTube源URL。

document.querySelectorAll('yt-img-shadow.style-scope.ytd-thumbnail.no-transition  img').forEach(e=>console.log(e.src))

- Ajay Kumar