如何使用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，而不是单个元素。

  

元素是所找到元素的实时HTMLCollection。

因此，如果要使用getElementsByClassName，则需要像这样从迭代器中获取第一项：

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

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

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

Answer 2

{{3}}

对吗？