如何更改节点列表的文本

Question

当我在控制台中使用此代码时:

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

它返回一个平均值列表,每个平均值在页面上显示文本:

<a class="pointer" title="Average" onclick="showScoretab(this)">421.95</a>
<a class="pointer" title="Average" onclick="showScoretab(this)">225.02</a>
<a class="pointer" title="Average" onclick="showScoretab(this)">292.51</a>

我将如何将所有这些文本更改为"0"？我已经尝试过了:

document.querySelectorAll("a.pointer[title='Average']").textContent = "0";
document.querySelectorAll("a.pointer[title='Average']").innerHTML = "0";
document.querySelectorAll("a.pointer[title='Average']").text = "0";

Answer 1

为此，您必须使用循环，例如使用for循环：

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

for (var i=0; i < links.length; i++) {
    links[i].innerHTML = '0';
}

<a class="pointer" title="Average" onclick="showScoretab(this)">421.95</a><br>
<a class="pointer" title="Average" onclick="showScoretab(this)">225.02</a><br>
<a class="pointer" title="Average" onclick="showScoretab(this)">292.51</a>

但由于你使用 jQuery，这可能就像：

$("a.pointer[title='Average']").text('0');

希望这可以帮助。

$("a.pointer[title='Average']").text('0');

$("a.pointer[title='Average']").text('0');