單擊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”是唯一輸入“ submit”的輸入，或者有多個“ submit”按鈕，則可以使用type="submit"和class="Ghost-btn"甚至是按鈕的文字。

Answer 3

您可以使用

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

但請確保可能有多個組件，因此必須選擇正確的組件。