Seeing HTML source changes after javascript has acted upon it, in Chrome

Question

I have an HTML document with inline javascript which adds some <div> elements. The elements appear on the screen, but I can't see any change in the HTML source after the elements have been added. I use the latest version of chrome, and I do "View" -> "Page Source".

Seeing changes in the HTML would really help for debugging!

Answer 1

Right-click on the element and select "inspect element"

Answer 2

Use firebug when using Firefox
For Chrome there is built in tool(use Ctrl+Shift+I)