首页 > 解决方案 > 检测潜在的 DOM 变化

问题描述

我有一个 div 元素,p里面有一个

<div id='main'>
  <p>1</p>
</div>

并且该div元素将发生一些变化,其中p将追加一个,看起来像这样:

<div id='main'>
  <p>1</p>
  <p>2</p>
</div>

当 DOM 内部发生一些变化时,是否有一种方法或库会提示/提醒我,比如在这种情况下,要附加一个元素?我想以这种方式被提示/询问一些事情:

main“ div内部将发生 DOM 更改,p将追加元素。您要批准还是放弃对 DOM 的更改?”

我知道 Mutation Observer,但它只会在某些内容已经更改为 DOM 时记录,对吗?您不能使用 Mutation Observer 拦截 DOM 更改,因为它只记录已经发生的更改和位置,而不是会发生的更改?

标签: javascripthtmldom

解决方案


推荐阅读