getElementsByClassName 获取元素之后其他地方新增了元素,怎么监听这个方法获取的数组变化了

tomiaa
  • 42
document.getElementsByClassName(xx')

获取元素后其他地方新增了元素,该怎么监听触发回调?

回复
阅读 652
3 个回答
✓ 已被采纳
function watchDom(el, ...args) {
  if (typeof el === 'string') {
    el = document.querySelector(el)
  }
  let opt = args.length > 1 ? args[0] : {}
  let cb = args.length > 1 ? args[1] : args[0]
  return new MutationObserver((mutations, observer) => {
    cb(mutations)
  }).observe(el, Object.assign({
    childList: true,
    attributes: true,
    characterData: true,
    subtree: true,
  }, opt))
}

// 使用
watchDom('.div-wrap', mts => {
  console.log('更新了')
})

监听这个事件DOMSubtreeModified
表示如果当前监听元素的子节点有改动:包括删除子节点、增加子节点、修改子节点的内容,都会触发这个事件。

var container = document.querySelector(".父级class")
container.addEventListener('DOMSubtreeModified', function () {
    // do you thing
}, false);

新增的时候重新获取一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏