Javascript 我可以确定哪个.js脚本正在改变特定的HTML元素吗？

我将以以下网站为例：

在本网站中，该值是使用存储在

HTML

本身中的

.js

脚本计算的

通过查看源代码（按下

F12

），我们可以将携带计算值的元素识别为

[此处的计算值]

由于源代码本身只有一个

.js

文件，即

js/scripts.js

，我可以推断公式就在那里

但是假设有多个脚本，例如

js/scripts1.js

，

js/scripts2.js

和

js/scripts3.js

。有没有办法知道它们中的哪一个正在实际更改

[此处的计算值]

元素的值

我很清楚，通常这些

.js

文件会把代码弄得乱七八糟，因此不容易阅读，但理解代码是另一个问题。这里的想法是找出哪个脚本包含我必须尝试和理解的代码

（免责声明：我不是一个HTML/CSS/JS的家伙，所以一些“技术”语言可能是错误的。这是一个Python网页抓取项目。我希望我能让大家理解我的想法）

---

Edit来自Nicolas的评论：实际用例在元素中没有

id

属性，正如前面的示例所做的那样

这个问题的书签图标由jquery.min.js的

行2535更改：格式化

。Chrome中的开发工具已经具备了您所需要的功能。只要有修改，就可以请求触发断点

对于此处的书签图标，右键单击它并检查元素。 当我这样做时，svg中的path元素在元素检查器中高亮显示。 我在inspector中右键单击按钮元素，然后选择“断开”->“子树修改”

---

现在，我希望每当按钮的子按钮更改时都会触发断点，所以我单击书签按钮，瞧！断点被触发，浏览器会告诉我代码的哪个部分更新了图像。

因为您的示例有一个id，所以很有可能会使用它来更改值。您可能需要查找类似

#added

或

document.getElementById（'added'）

的字符串，谢谢您的评论@Nicolas！不幸的是，实际用例没有id。也许我应该把它放在问题本身。