javascript - 通过 Javascript 自动单击页面上带有唯一标签和类名的按钮的方法

Question

我目前正在尝试找出一种方法来自动单击网页上具有特定标签和类别的按钮。我正在使用 Tampermonkey(Javascript 用户脚本)来实现这一点。这是我需要与之交互的 CSS/HTML 元素的图像:

我想要与之交互的元素和按钮在上图中突出显示，并包含以下 HTML:

<li data-v-29761082 class="list-item">

我一直在尝试使用以下命令来单击控制台中的按钮，但无济于事:

document.querySelector('li data-v-29761082.list-item')[0].click();

“data-v-29761082”部分让我感到困惑，我不知道如何将这些字符合并到查询选择器中。我尝试将整个名称视为单个标签，但这没有奏效。我只是尝试单击屏幕截图中突出显示的按钮，但我仍在寻找解决方案。

实际上，我可能需要使用 waitForkeyElements 来让代码在 Tampermonkey 的页面上自动工作，但现在我只是在寻找一种使用特定标签和类信息单击上面突出显示的按钮的方法。如果有另一种方法来解决问题(可能是不同的元素等)，那也足够了。提前致谢。

Answer 1

这就是您查询的方式Select li.list-item[data-v-29761082]

.click() 是 jquery。所以要么你必须使用 jquery 执行此操作:

$(document.querySelector("li.list-item[data-v-29761082]")).trigger('click');

甚至

$("li.list-item[data-v-29761082]").trigger('click')

或者使用纯js:

var item = document.querySelector("li.list-item[data-v-29761082]");

if (item) {
    item.dispatchEvent(new Event('click'));
}