Determine Which Js File/line Is Modifying An Element On My Page

I need to determine which JS file/line is modifying an element on my page. I'm trying to find a needle in a haystack here. For example, I'm digging through 35 .js files to find ou

Solution 1:

In Google Chrome:

1. Right-click on the element you want to detect changes to.
2. In the Elements pane of the Developer Tools that shows up, right click on the element again (in this case a <label> element.
3. Choose Break on… ▶ Attributes Modifications (or Subtree Modifications)
4. Reload. Voila! You are stopped at the JavaScript code making the modification.

Solution 2:

I hope following link would help you

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#breakpoints-mutation-events

It basically tells you how to track down events that mutated given dom element