Есть ли способ в Javascript автоматически нажимать кнопку «Далее», которая не имеет атрибутов идентификатора или класса

Question

Я пытаюсь написать команду в JavaScript, чтобы автоматически нажимать кнопку «Далее». Однако проблема, с которой я сталкиваюсь, заключается в том, что следующая кнопка не имеет идентификатора или атрибутов класса. Ниже приведен мой код. Любая помощь будет БЛАГОДАРНА.

<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-Select родительского элемента, а затем искать в его поддереве, если, например, вы не можете изменить поддерево.

Answer 2

Вы можете попробовать использовать 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>

Answer 3

Вы можете попробовать использовать Document.querySelector(), указав атрибут type элемента.

Demo:

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>