Javascript单击多个按钮之一

Question

表单中有两个按钮，我想使用 GreaseMonkey 在页面加载时自动单击其中一个按钮。 这两个按钮是：

<td rowspan="2"><input class="first action" name="first" type="submit" value="First Action" style="font-size: 10pt;" /></td>
<td rowspan="2"><input class="second action" name="second" type="submit" value="Second Action" style="font-size: 10pt;" /></td>

我试过下面的两个代码，但都没有工作。 第一个选择表单并尝试提交它，我收到一条错误消息，显示“不允许操作”。 第二个尝试 click() 按钮。

第一的：

var button = document.getElementById('units_form');
window.location(button);

第二：

var button = document.getElementByClassName('first action');
button.click();

Answer 1

首先，通用解决方案：

• document.getElementsByName("class_name")[0]类名获取元素对象，请使用document.getElementsByName("class_name")[0] 。 最后一部分[0]为您提供了具有此类的所有元素中的第一个
• 要在元素上触发事件，请参阅MDN 上的这篇文章。 我强烈建议阅读所有内容。 从您的帖子来看，您在阅读文章时非常懒惰。

把它们放在一起：

var button_element = document.getElementsByName("button-class-name")[0];
var event_object = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
});
button_element.dispatchEvent(event_object);

此外，大多数网站使用 jQuery 库，归结为：

$(".class_name").click();

请注意，这将在具有该类名的所有元素上触发。