Как отследить появление DOM элемента на JS?

Question

[Дмитрий Соколов]

Видел несколько вопросов на эту тему, но разобраться так и не смог. Надеюсь на вашу помощь❤

Возьмем на примере рекламу на YouTube. Хочу написать скрипт, который будет ее автоматически пропускать (иногда так лень вставать с кровати и нажимать "Пропустить рекламу")
Нужно чтобы при появлении кнопки пропуска рекламы скрипт на нее нажимал.
Узнал следующий способ:
$('.ytp-ad-skip-button-container').on("DOMNodeInserted", $('.ytp-ad-skip-button-container').click());

Но он работает только один раз и только в момент его исполнения.
Понимаю что можно создать интервал с такой проверкой каждую секунду, но навряд ли это самое верное решение.

Как сделать чтобы скрипт постоянно проверял наличие этой кнопки, и если таковая имеется, то нажимал бы ее?

Comments

[Aetae]

Приведённый код говорит о незнании даже основ js.
Поставьте uBlock\adBlock и не парьте мозги себе и окружающим.

[ProjectSoft]

https://developer.mozilla.org/ru/docs/Web/API/Muta...

Answer 1

[Антон Шаманов]

вешать надо так :

$('родитель/контейнер для ytp-ad-skip-button-container например, body').on(
  'DOMNodeInserted', 
  '.ytp-ad-skip-button-container', 
  function () {
    $('.ytp-ad-skip-button-container').trigger('click');
  }
);

но навряд ли это самое верное решение.

а события как по твоему работают?))