如何使用javascript以编程方式单击和导航新页面

Question

我想点击页面上的链接并导航到新页面。我使用了以下代码：

document.getElementsByClassName('classname').click();

我使用了classname，因为它没有id。 document.getElementsByClassName（'classname'）工作正常。但是使用click（）会返回：

TypeError: document.getElementsByClassName(...).click is not a function

为什么我收到此错误？我在stackoverflow中读了几个答案，click（）工作正常。我在firefox的firebug控制台中使用此代码。

如果click（）不起作用，我还有其他选择吗？

Answer 1

document.getElementsByClassName返回一个元素数组，因此您必须指定索引：

document.getElementsByClassName('classname')[0].click();

作为旁注，以编程方式单击元素不会运行本机行为，它会为所述元素运行指定的单击处理程序。

Answer 2

使用

document.getElementsByClassName('classname')[0].click();

  

返回一组包含所有给定类名的元素。在文档对象上调用时，将搜索完整文档，包括根节点。您也可以在任何元素上调用getElementsByClassName;它将仅返回具有给定类名的指定根元素的后代元素。

Reference