使用 JS 点击 HTML 元素

Question

基本上我有一个网页，上面有几个 HTML 按钮。我想在其中一个上执行鼠标单击。我知道此按钮的 class 名称，所以基本上我想通过其 class 名称单击它。我知道如何获取class名称，但我不知道如何点击这个元素，也许有点击功能或我不知道的东西。

我正在使用

var element = document.getElementsByClassName('hidden-xs truncate');
element.Click();

但我不知道下一步该怎么做，如何执行点击，你能帮我吗？

element.Click(); 方法不起作用，我得到错误：

element.Click is not a function

Answer 1

因为有可能存在多个具有 class 名称的元素 hidden-xs truncate javascript 自动将元素放入数组中。

你可以像这样自动点击按钮：

document.getElementsByClassName("hidden-xs truncate")[0].click();

或

var element = document.getElementsByClassName("hidden-xs truncate"); element[0].click();

注意：[0] 获取数组的第一个索引，如果有多个带有 classes 的元素，它将仅对第一个元素执行单击，如果您单击 [1]将是第二个，依此类推。

Answer 2

如果您能够向按钮添加一个 id，这可能会有所帮助，因为获取按钮数组中的位置不太理想 - 其他人可能会出现并在您的按钮上方添加一个按钮，然后单击事件将在错误的事件上。

在那种情况下，你会做

var element = window.document.getElementById('my-id');

然后和以前一样

element.click();

Click on HTML element using JS