使用JS单击HTML元素

时间:2016-10-18 14:31:54

标签: javascript html click mouse

所以基本上我有一个网页,上面有几个HTML按钮。在其中一个我想要点击鼠标。我知道这个按钮的类名,所以基本上我想通过它的类名点击它。我知道如何获取类名,但我不知道如何点击这个元素,也许有一个点击功能或我不知道的任何事情。

我正在使用

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

但我不知道接下来该做什么,如何进行点击,你可以帮助我吗?

element.Click();方法不起作用,我收到错误:

  

element.Click不是函数

2 个答案:

答案 0 :(得分:0)

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

你可以自动点击这样的按钮:

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

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

注意:[0]得到数组的第一个索引,如果有多个带有给定类的元素,它将仅对第一个元素执行单击,如果你做了[1]它将是第二个,依此类推

答案 1 :(得分:0)

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

在这种情况下,你会做

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

然后和之前一样

element.click();