find out where inline css comes from

Question

I have an element which receives inline style from some js function. I found the function. but wanted to ask, is there a way to find out what function put that inline style? (in "computed" tab, I saw all the css files which affected this element, but inline styleshs the title "element.style" , is there any other way?

Answer 1

Using Chrome dev tools, you can add breakpoint on elements when any modification happens to them.

Right click after inspecting the element, and select Break on. Now whenever that element gets modified, Dev tools will go to the source of the function doing that job.