Question

如何使用javascript“点击”没有ID，值，类或名称的按钮？

按钮的相关代码是：

<div class="classname anotherclassname" title="">
    <div>
        <button type="submit"><i class="anotherclass anotherclassname"></i>ImAButton</button>
    </div>
</div>

我举一个例子来说明我到目前为止所做的事情，因为我知道这只是stackoverflow上的礼仪，但我甚至不知道从哪里开始。我目前知道如何使用javascript单击按钮的唯一方法是使用：

document.getElementById("myButtonId").click();

这不适用于此。

Answer 1

如果您只支持现代浏览器和IE8及更高版本，那么您可以使用document.querySelectorAll来选择元素。鉴于按钮是页面上提交类型的唯一按钮，您可以执行以下操作：

document.querySelectorAll("button[type='submit']")[0].click();

querySelectorAll采用任何有效的CSS选择器（IE8仅支持CSS2选择器）。因此，如果您需要使选择更具体，您可以像使用任何CSS选择器一样使选择器更具体。像这样的东西：

document.querySelectorAll(".classname button[type='submit'"])[0].click();

Answer 2

您可以使用

获取页面上的所有按钮

buttons = document.getElementsByTagName('button');

document.getElementsByTagName('button')[0].click();

可能会点击第一个按钮。

使用Javascript - 如何单击没有ID，值或名称的提交按钮

2 个答案: