如何使用 Javascript 来“点击”没有 ID 的按钮？

Question

我正在尝试单击没有 ID 的按钮。已经尝试 document.querySelectorAll 和 document.getElementsByClassName 但没有成功。

按钮代码：

<input name="1X" type="2X" class="3X" style="width:160px;" value="4X" data-role="5X" role="5X" aria-disabled="false" tabindex="0">

Answer 1

您可以使用元素名称：
document.getElementsByName( '1X' )[0] 或 document.querySelector( '[name="1X"]' )
或任何属性：
document.querySelector( '[data-role="5X"]' )

getElementsByClassName returns HTMLCollection，不是单个元素。您可以访问数组样式中的单个元素：
document.getElementsByClassName( '3X' )[0]
getElementsByName

也是一样

并确保您的属性值（class、姓名等）以字母而非数字开头

Answer 2

可以使用 CSS 选择器语法通过以下方式选择文档中的任何元素：

• document.querySelector('css selector')（returns第一个匹配元素）
• document.querySelectorAll('css selector')（returns 所有匹配元素）。

要真正单击按钮，只需在元素上调用click()，如下所示：

var button1X = document.querySelector('input[name="1X"]');
button1X.click();

有关 querySelector/All 的更多详细信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector