有没有办法用Javascript自动点击没有ID或类属性的 "下一步 "按钮？

Question

我试图用JavaScript编写一条命令来自动点击 "下一个 "按钮。然而，我遇到的问题是，下一个按钮没有ID，也没有任何类属性。下面是我的代码，任何帮助将是非常感激的。

<tr>

  <td>

    <input type="Submit" value=" Next >>" onclick="return fnValidate(form);"> == $0

    <script language="JavaScript">

    </script>

  </td>

</tr>

Answer 1

你也可以通过属性来选择。

document.querySelector('input[type="submit"]').click();

注意，它会选择页面上的第一个提交输入。所以如果你上面有一个，你将不会匹配到正确的输入。总是尽量精确地使用你的选择器，例如，先选择一个父元素。也不是说 document.getElementById 快于 document.querySelector. 所以只要可以，就用id选择器。当然，如果你不能修改子树的话，你也可以用id-select一个父树，然后在它的子树中搜索。

Answer 2

你可以尝试使用 Document.querySelector() 通过指定该元素的 类型 属性。

演示。

document.querySelector('input[type=submit]').click();

function fnValidate(){
  console.log('button clicked');
}

<tr>
  <td>
    <input type="submit" value=" Next >>" onclick="return fnValidate(form);"> == $0
    <script language="JavaScript">
    </script>
  </td>
</tr>

Answer 3

你可以尝试使用 document.querySelector('input[type=submit]').click(); 如@Mamun所言

还有一个备选方案是

document.getElementsByTagName("input").[0].click();

var elm = document.getElementsByTagName("input")[0].click();

function fnValidate() {
  console.log("Form submitted ")
}

<td>

<input type="Submit" value=" Next >>" onclick="return fnValidate(form);"> == $0

<script language="JavaScript">

</script>

</td>

</tr>