如何跟踪哪个Javascript使用给定的HTML元素进行操作？

我试图理解模板是如何工作的。如果我在浏览器中打开一个，我会看到一些元素。但是如果我浏览HTML代码，浏览器中出现的包含元素的容器就是空的。这很简单：这意味着这些容器是由一些JS代码操纵的。然而，我试图在主HTML文档提到的所有JS文件中找到容器ID，但没有成功

我想我需要一些工具来跟踪改变给定元素的JS（放置断点或制作HTML更改日志…）

---

有什么有用的方法来做这件事吗？

你可以使用调试器；在dom中添加html，通过使用控制台，您可以实时检查javascript的运行情况

---

另一种方法是让警报不断转移到下一个代码执行，直到它离开DOM为止。

您可以使用

console.log（“//您的断点文本”）在javascript中。它将显示在浏览器控制台中。这样您就可以跟踪javascript执行流

但追踪过程取决于你。你必须手动操作。尝试从头开始放置
console.log（）

在chrome的开发工具中。找到标题为“Console”的选项卡。您的断点文本将显示在那里。
我觉得您只需要Web开发人员控制台。在Chrome中，它可以通过Ctrl+Alt+J（对于Mac电脑，是Cmd而不是Ctrl）和Firefox中的Ctrl/Cmd+Alt+K来使用。或者，只需在浏览器的选项/设置菜单中找到这些按钮

打开控制台后，单击鼠标指针图标，手动选择屏幕上要检查的任何元素。您还可以直接在HTML选项卡上查看HTML DOM树。这一切都非常直观、互动和直观，所以只需探索一下。
Chrome开发工具或firefox firebug@阿乔姆。你能说得更准确些吗？我正在使用Chrome的开发工具，但我没有找到任何工具来做。我不明白你的想法。我打开控制台，我可以手动选择任何文档元素（顺便说一句，我不知道你对“鼠标指针图标”的想法）。任何方法：我如何找出哪个JS函数改变了元素内容？@RomanMatveev你有改变元素内容的JS代码吗？如果是这样，那么只需在代码中找到引用相关元素的部分。您只需要在编辑器的代码中搜索它，并查看所有操作它的函数。否则我不理解你的问题。我试图在JS代码中找到所需元素的引用，但失败了。这并不奇怪，因为JS可以通过多种方式引用任何元素，我将无法调试所有文件中的所有JS代码：（请继续问我是否有不清楚的地方。@RomanMatveev如果你不知道修改你元素的JS调用在哪里，你应该去掉JS的几层，这样你就可以以一种有组织的、渐进的方式看到它在做什么。
console.log（e）
，其中
e
是相关元素，用于查看它在何时、何地以及如何更改。好的，如果我知道是哪个JS函数进行了更改，我可以确保做到这一点。但是要放置
控制台.log
指令，我需要知道应该首先放置它的位置。