查看javascript清空dom元素的位置

查看javascript清空dom元素的位置,javascript,jquery,google-chrome,Javascript,Jquery,Google Chrome,这主要是一个关于调试的问题。。。我有一个非常大的JavaScript文件,在其中的某个地方,它删除了某个元素(empty())。我试图在JavaScript中检查该元素的id和class,但找不到它,因此可能正在使用基于某些逻辑的其他选择器 问题是:有没有一种方法可以查看某个id元素被chrome删除/清空的位置,并在该行暂停 或者,如果其他人在过去也有同样的问题,那么这件事有什么特点吗 您可以在DOM上设置断点,该断点将显示修改元素的堆栈跟踪 设置DOM更改断点: 单击chrome开发者工具

这主要是一个关于调试的问题。。。我有一个非常大的JavaScript文件,在其中的某个地方,它删除了某个元素(
empty()
)。我试图在JavaScript中检查该元素的id和class,但找不到它,因此可能正在使用基于某些逻辑的其他选择器

问题是:有没有一种方法可以查看某个id元素被chrome删除/清空的位置,并在该行暂停


或者,如果其他人在过去也有同样的问题,那么这件事有什么特点吗

您可以在DOM上设置断点,该断点将显示修改元素的堆栈跟踪

设置DOM更改断点:

  • 单击chrome开发者工具中的“元素”选项卡
  • 转到要设置断点的元素
  • 在元素上单击鼠标右键。将鼠标悬停在“断开”,然后选择“子树修改”、“属性修改”或“节点删除”

更多信息:

您可以在DOM上设置断点,该断点将显示修改元素的堆栈跟踪

设置DOM更改断点:

  • 单击chrome开发者工具中的“元素”选项卡
  • 转到要设置断点的元素
  • 在元素上单击鼠标右键。将鼠标悬停在“断开”,然后选择“子树修改”、“属性修改”或“节点删除”
更多信息:

在节点删除选项上添加断点,它可能会帮助您


在节点删除选项上添加一个断点,它可能会帮助您

这可能会帮助您的事情是。。。此元素在完全加载dom后清空一次。。所以我只能在刷新时检查它,…在DOM清空之前,在DocumentReady或任何其他位置放置一个断点,然后在暂停时添加DOM断点。我还记得DOM断点也会在页面刷新期间持久化。但不太确定。我试过了,但不可能。这对你有帮助。事情是。。。此元素在完全加载dom后清空一次。。所以我只能在刷新时检查它,…在DOM清空之前,在DocumentReady或任何其他位置放置一个断点,然后在暂停时添加DOM断点。我还记得DOM断点也会在页面刷新期间持久化。但不太确定。我试过了,不是的,但当我刷新时。。。我看不到它们的设置。我只能测试刷新OK。。。刷新后,断点仍处于打开状态。。但它不会破裂。。很明显,节点是空的。。我可以在那个div中的一瞬间看到内容。。如果我设法及时停止浏览器,我可以看到所有内容断点只会在元素被删除时触发,尝试添加子树修改,这将通过其子元素进行监视,但当我刷新时。。。我看不到它们的设置。我只能测试刷新OK。。。刷新后,断点仍处于打开状态。。但它不会破裂。。很明显,节点是空的。。我可以在那个div中的一瞬间看到内容。。如果我设法及时停止浏览器,我可以看到所有内容断点只会在元素被删除时触发,尝试添加子树修改,这将通过其子元素进行监视