单击JavaScript中没有按钮ID的按钮

Question

我正在尝试自动在网站上单击按钮。唯一的问题是，按钮的HTML如下所示（请注意，这并不是我要单击的确切按钮，它只是许多按钮的真实示例）：

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

显然，此按钮没有ID，所以我不知道如何“点击”它。有没有使用类名的方法，还是有办法对javascript进行编程以编辑HTML并为按钮添加ID？

谢谢您的帮助。

路易

PS上面按钮的链接为https://raffle.sneakersnstuff.com/adidas-yeezy-boost-700-salt-EG7487，这是您将看到的第一个按钮，标记为“继续”。

Answer 1

您可以使用document.querySelector使用任何CSS选择器来选择JS中的元素，例如：

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

在MDN上了解有关此内容的更多信息。

---

这还允许您以其他方式选择按钮，例如：

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

也是有效的。

Answer 2

ID只是识别任何DOM元素的便捷方法。 为此，您可以使用其他属性或文档特有的一组属性。

如果您的示例中只有“ type”类型的输入，例如“ type” 或者，如果有多个“提交”按钮，则可以使用type="submit"和class="Ghost-btn"甚至按钮的文本。

Answer 3

您可以使用

• document.getElementsByClassName（“ Ghost-btn”）;
• document.getElementsByTagName（“ BUTTTON”）;

但是请确保可能有多个组件，所以必须选择正确的组件。