Если на странице есть определенный элемент, нажмите на другой элемент через пользовательский скрипт Javascript? - PullRequest
0 голосов
/ 17 мая 2019

Я пытаюсь найти способ автоматического нажатия кнопки на веб-странице с определенным классом, но только если на странице существует другой элемент с другим, конкретным классом.

я представляю себе это следующим образом: 1) я загружаю страницу 2) скрипт проверяет определенный элемент (через класс) 3) если элемент / класс существует, щелкают по другому указанному элементу.

При этомЯ подумал, что использовал бы метод HTML DOM querySelector (), используя классы из страницы HTML для заданных элементов.

Так что, если на странице существует следующий класс:

<span class="dashboardIcon dashboardIconFeatured">

Iхотел бы щелкнуть элемент с этим классом:

<a class="surveyClicked markClicked">

Вот код, который у меня есть:

document.querySelector(".dashboardIcon.dashboardIconFeatured");
document.querySelectorAll(".surveyClick.markClicked")[0].click();

Обе строки кода работают в консоли по отдельности.У меня возникли проблемы с объединением всего этого и проверкой того, что вторая строка кода выполняется ТОЛЬКО ЕСЛИ выполняется первое условие - класс dashboardIcon dashboardIconFeatured существует.Это кажется потенциально легким исправлением, но мое отсутствие опыта JavaScript и знакомства с синтаксисом поражает меня.

Любая и вся помощь будет принята с благодарностью!Приветствия.

1 Ответ

1 голос
/ 17 мая 2019

Попробуйте вот так

var isMobileVersion = document.getElementsByClassName('dashboardIcon dashboardIconFeatured');
if (isMobileVersion.length > 0) {
      console.log("element exists");
      document.getElementsByClassName("surveyClicked markClicked")[0].click();

}

function func(){
  console.log("clicked");
}
<span class="dashboardIcon dashboardIconFeatured">

<a class="surveyClicked markClicked" onclick="func()">
...