如何使用 Google Chrome 的控制台执行 click()？（Javascript）

Question

我正在尝试编写一个 Javascript 代码来自动点击网页上的按钮，因此我正在尝试使用 Google Chrome 的控制台来找出代码。这是按钮：

<a href="#" class="link">Get Link</a>

我想我可以简单地写这个：

var button = document.getElementsByClassName('link');
button.click()

但出现此消息：

"Uncaught TypeError: button.click is not a function at <anonymous>:2:8"

有什么解决办法吗？谢谢您的帮助。

Answer 1

getElementsByClassName返回一个 live HTMLCollection，而不是单个元素。

elements是已发现元素的生命体HTMLCollection。

因此，如果你想使用getElementsByClassName，你需要从可迭代中获取第一项，如下所示：

var button = document.getElementsByClassName('link');
button[0].click()

如果您想获取单个元素，请使用document.querySelector(). 这将返回第一个找到的元素。

var button = document.querySelector('.link');
button.click()