how to save dynamically changed ( byjquery ) html DOM?

Question

I got some nice layout generator using jquery dynamic forms, and jquery ui features to change number of used elements, their css properties etc. Everything looks great but there

Answer 1

There is another way if you use chrome.

1. Open "development tools" (trl+mayus+i on windows)
2. Go to "elements" tab. You will see the actual (modified) DOM
3. Find the node you are interested (probably HTML or BODY but could be any), right click and select COPY AS HTML
4. Paste in your favorite text editor and save.

The solution provided by tsaixingwei works fine on small DOMs, but when you have large documents it will not work. I've just tried with a doccument containing about 30K lines and had to use the method i've just explained.