javascript - 查看 dom 元素在哪里被 javascript 清空

标签 javascript jquery google-chrome

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

问题:有没有办法查看带有 id 的某个元素被 chrome 删除/清空的位置并在该行暂停?

或者如果其他人过去也遇到过同样的问题,是否有关于此问题的功能?

最佳答案

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

设置 DOM 更改断点:

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

更多信息:https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#dom

关于javascript - 查看 dom 元素在哪里被 javascript 清空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46037391/

相关文章:

javascript - 文件输入的输入事件和/或更改事件在 Chrome 和 Opera 中触发,但在 Firefox、Edge 或 IE11 中不触发

javascript - 使用变量而不是 $(this) 是一种好习惯吗?

jquery - 绑定(bind)到已经发生的事件并自动运行处理程序

javascript - 在数组js中根据条件进行归约

javascript - Jquerymobile - 展开/折叠全部按钮

javascript - 等待 AngularJs Ajax 调用完成

javascript - 如何使用jquery更改日期格式

javascript - 加载网页时大部分时间是空闲的

javascript - 自动对焦时光标不闪烁

java - Chrome 重新初始化 HttpSession