javascript - 如何使用 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返回直播HTMLCollection ，不是单个元素。

elements is a live HTMLCollection of found elements.

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

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

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

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