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

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();

可能会触发单击第一个按钮。