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();

請注意，這將在具有該類名的所有元素上觸發。