Используйте Google Chrome DevTools, чтобы нажать на кнопки «Следовать» на странице

#javascript #google-chrome-devtools #devtools

Вопрос:

введите описание изображения здесь

Мой текущий сценарий:

 document.querySelectorAll('.components-button components-button-size-mini components-button-type-orange desktop components-button-inline').forEach(btn => btn.click());
 

Я не могу понять, почему это не работает, до прошлой недели все было в порядке, когда я отправил скрипт и нажал enter, кнопки были нажаты, теперь этого больше не происходит.

Что мне нужно настроить, чтобы это сработало?

Ссылка на сайт:
https://booyah.live/users/42973126/followers

Комментарии:

1. Вы пробовали обходиться без foreach, чтобы проверить, работает ли селектор?

Ответ №1:

Если вы хотите нацелиться на элемент, содержащий все указанные вами классы, вам необходимо разделить имена классов точкой. Например:

 <div class="my-class another-class" />

document.querySelector('.my-class.another-class')
 

У вас есть какой-то элемент с классом .components-button , который содержит другой элемент с именем элемента components-button-size-mini , который содержит другой элемент с именем components-button-type-orange и так далее. Конечно, в этом примере я не думаю, что у вас есть реальный элемент с такими именами.

Поэтому, чтобы исправить свой код, следуйте приведенному выше шаблону для строки селектора:

 .some-class.another-class.yet-another-class
 

Вышеизложенное будет нацелено на элементы с тремя указанными классами: some-class , another-class , и yet-another-class