debugging - Find what javascript changes the DOM?

Question

I've been working with a ton of other's JS recently, and am starting to really hate trying to debug it. Even with Chrome's dev tools I can't track down a lot of the DOM changes that are taking place during page load.

Are there any tools that will show me what part of the DOM (say an added attribute) was done by what JS?

Thanks

Answer 1

In Chrome dev tools, you have the option of breaking execution when the DOM changes.

Also a screenshot to illustrate Wolfram's answer (+1)