Почему не срабатывает callback?

Question

[Дима]

Стоит задача выбрать комментарий, после того как подгрузятся все скрытые комментарии (подгружаются они тоже через js, кликом по кнопке). Но callback почему-то не хочет работать, комменты прогружается, а дальше ничего не происходит.

function showComments(callback) {
  let moreBtn = document.querySelector('.Z4IfV');
  if (moreBtn !== null) {
    setInterval(function() {
      moreBtn.click();
    }, 300);
  } else {
    callback();
  };
};

function markComment() {
  let comments = document.body.querySelectorAll(".gElp9 ");
  comments[25].style.color = 'red';
};

showComments(markComment);

Пост с комментариями

Comments

[RAX7]

Попробуй так

function showComments(callback) {
  const interval = setInterval(function() {
    let moreBtn = document.querySelector('.Z4IfV');
    if (moreBtn) {
      moreBtn.click();
    }
    else {
      callback();
      clearInterval(interval);
    }
  }, 300);
}

[Дима]

RAX7, работает, спасибо! А почему мой вариант не работает, можете подсказать?

[RAX7]

Дима Волков, внутри setInterval значение moreBtn доступно через замыкание и после вызова showComments это значение больше не меняется. Даже если кнопка moreBtn исчезнет, то внутри setInterval(function() {...}), останется старое значение moreBtn и setInterval будет каждые 300мс дергать moreBtn.click несуществующей кнопки.

Answer 1

[AlexKeller]

Потому что showComments() вызывается 1 раз. В этот момент кнопка есть. Она запомнена в переменной moreBtn. И когда вы setInterval создали, то она попала в замыкание. Она не ищется каждый раз, а используется уже запомненная. Чтобы зайти в ветку else надо хотя бы еще раз зайти в showComments. Но никто их больше не вызывает

Answer 2

[profesor08]

Потому что элемент .Z4IfV существует на странице. Ведь твой код это сначала проверяет, и только если этого элемента не будет, то будет вызван callback. И чтоб твой код сработал, тебе надо вызывать callback после того как загрузятся комменты, а значит тебе надо как-то подождать их загрузки, либо решать задачу как-то иначе. Например считаешь сколько комментариев до нажатия на кнопку, потом в интервале каждый раз перепроверяешь, если изменилось, то вызываешь callback.

Comments

[Дима]

Кнопка пропадает после того как раскроются все комментарии. Да и по поиску на странице этого элемента нет.

[profesor08]

Дима Волков, дополнил выше ответ, проблема твоя решится. кликаешь по кнопке сразу и проверяешь в интервале изменение кол-ва комментов.