如何在querySelectorAll上使用JavaScript触发click事件

Question

在jQuery中,我有以下代码

$("li#credit").trigger('click');

此代码仅在具有id信用的li上触发click事件.

现在使用JavaScript执行此操作

document.querySelectorAll("li#credit").click();

我收到错误:

click()不是函数

我正在使用的页面有多个id为"credit"的元素,我只需要在<li>id为credit的情况下触发click事件.

Answer 1

querySelectorAll返回NodeList对象(源)而不是DOM元素.NodeList对象包含DOM元素.

您的代码需要更改以获取第一个元素,然后调用click():

document.querySelectorAll("li#credit")[0].click();

如果要将.click()事件触发到所有元素,可以执行for循环

for(var i = 0; i<elems.length; i++) {
    elems[i].click();
}

Answer 2

我发现这个很干净简单.

Array.from(document.querySelectorAll("ali#credit")).forEach(button=>button.click())