在 JavaScript 上将 <a> href 更改为相同的 class

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") 它会更改 link，但只是主题之一。如果我使用 querySelectorAll(".google") 或 ("a.google") 它不会改变任何东西......

谁能帮帮我？

Answer 1

document.querySelectorAll returns 一个元素数组。为了让它起作用，并且考虑一下是个好主意，你可以这样做：

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