当 HTMLParagraphElement 被移除时，三个元素会出现在它的位置在 Chrome 堆快照中

问题描述

我有这个网页

<p>hello</p>
<button>press</button>

<script>
document.querySelector("button").onclick = _ => {
  document.querySelector("p").remove() 
}  
</script>

我加载页面并使用开发工具做一个堆快照并得到这个：

然后我按下网页按钮，段落元素从页面中消失。我转到 Memory chrome 开发工具页面，运行垃圾收集，然后再做一次堆快照。

现在我在内存中有三个段落元素，它们的对象引用是原型，而不是第一个 snapshop 中的 html body 和 text 元素。

我是 Chrome 中这个内存管理工具的新手。谁能帮我理解发生了什么？ OS X 上的 Chrome 版本 87.0.4280.141（官方版本）(x86_64)。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）