检测潜在的DOM变化

Question

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

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

并且div元素会有一些变化，另外一个p将被添加到其中，并且看起来像这样：

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

是否有一个方法或库会在DOM内部进行一些更改时提示/提醒我，就像在这种情况下，要添加一个元素？我希望以这种方式提示/问一些事情：

＆＃34; main div中将会有DOM更改，p元素将被追加。您是要批准还是放弃对DOM的此更改？＆＃34;

我知道Mutation Observer，但只记录已经改变成DOM的东西，对吧？您不能使用Mutation Observer拦截DOM更改，因为它只会记录已经发生的更改和更改的位置，而不会记录会发生什么？