нажатие кнопки в JavaScript без идентификатора кнопки

Question

Я пытаюсь автоматизировать нажатие кнопки на веб-сайте.Единственная проблема в том, что HTML-код для кнопки выглядит следующим образом (обратите внимание, что это не та кнопка, которую я пытаюсь нажать, а просто реальный пример того, как выглядит множество кнопок):

<button type="submit" class="Ghost-btn">Continue</button>  

Очевидно, что для этой кнопки нет идентификатора, поэтому я не знаю, как на нее нажать.Есть ли способ использовать имя класса или способ программирования javascript для редактирования HTML и добавления идентификатора для кнопки?

Спасибо за вашу помощь заранее.

Луи

PS ссылка для вышеуказанной кнопки - https://raffle.sneakersnstuff.com/adidas-yeezy-boost-700-salt-EG7487, и это первая кнопка, которую вы увидите, с пометкой «продолжить».

Answer 1

ID - это просто удобный и простой способ идентификации любого элемента DOM.Для этой цели вы можете использовать другой атрибут или набор атрибутов, уникальных для документа.

Например, «type» в вашем примере, если это единственный ввод типа «submit» или если их больше, чемодной кнопкой «отправить» можно использовать type="submit" и class="Ghost-btn" или даже текст кнопки.

Answer 2

Вы можете использовать

• document.getElementsByClassName ("Ghost-btn");
• document.getElementsByTagName ("BUTTTON");

но убедитесь, что может быть более одного компонента, поэтому необходимо выбрать правильный.

Answer 3

Вы можете использовать document.querySelector, чтобы использовать любой селектор CSS , чтобы выбрать элемент в JS, например:

document.querySelector(".Ghost-btn").click();

Подробнее об этом можно узнать на MDN .

---

Это также позволит вам выбрать кнопку другими способами, например:

document.querySelector("button[type=\"submit\"]").click();

также допустимо.