Как поймать появление div без счетчика

На странице периодически создается div с классом .ytp-ad-preview-container. Как поймать его появление. Хочу добавить несколько функций при его появлении. Решение нужно без использования счетчиков?


Ответы (1 шт):

Автор решения: ksa

Есть такой вот вариант "слежения"...

const node = document.querySelector('#test')
let observer = new MutationObserver(e => {
  console.log(e[0].addedNodes[0].classList.contains('ytp-ad-preview-container'))
})
observer.observe(node, {childList: true})
document.querySelector('button').addEventListener('click', _ => {
  const o = document.createElement('p')
  o.className = 'ytp-ad-preview-container'
  o.textContent = new Date()
  node.appendChild(o)
})
<div id='test'></div>
<button>Test</button>

→ Ссылка