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