时间戳

首页 > 解决方案 > 如何使用 Google Chrome 的控制台执行 click()？(Javascript)

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

问题描述

我正在尝试制作一个 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"

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

标签： javascriptclickgoogle-chrome-devtools

解决方案

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

元素是HTMLCollection发现元素的生活。

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

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

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

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

推荐阅读