Способ автоматического нажатия кнопки на странице с уникальным тегом и именем класса через 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

Это как вы запрашиваете. 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'));
}