选择具有指定属性的元素

Question

我有一个包含标签“a”和类“指针”的元素的页面，但是，我想选择包含标签“a”，类“指针”和标题的所有元素“平均”。我最接近实现的是这个代码：      document.querySelectorAll（ “a.pointer”）;
但即使该代码选择具有标题的不同元素，例如“Sum”和 “名称”。所以我的问题是，如何用这个outerHtml选择所有元素：

<a class="pointer" title="Average" onclick="showScoretab(this)">225.42</a>

Answer 1

查询选择器和魔术

document.querySelectorAll('a.pointer[title="Average"]')

让我们分解一下这是如何运作的。 querySelectorAll会返回nodes / elements的列表。

a是元素的标记 pointer是元素的类 [title="Average"]表示要查找属性为title的元素，其值等于"Average"

通过将这些查询放在一起，它告诉querySelectorAll方法寻找一个体现所有这些品质的元素。

Answer 2

您可以使用查询选择器属性模式，如下所示：

document.querySelectorAll("a.pointer[title='Average']")