在 JavaScript 上使用相同的类更改 <a> href [重复]

Question

我想用 JavaScript 更改（或控制...）我的 <a> href

<a class="google" href="#">LINK ONE</a>
<a class="google" href="#">LINK TWO</a>

还有一个 JavaScript ：

document.querySelectorAll("a.google").href = "https://google.com"

如果我使用querySelector(".google") 它会更改链接，但只是主题之一。如果我使用querySelectorAll(".google") 或("a.google") 它不会改变任何东西......

谁能帮帮我？

Answer 1

document.querySelectorAll 返回一个元素数组。为此，考虑一下这是个好主意，您可以这样做：

const links = document.querySelectorAll("a.google");
links.forEach(link => link.href = "https://google.com");