I have some code that modifies a <div> element.  I did a view source before and after the DOM element was modified.  And I saw with my two eyes that the DOM was modified as I wanted.  When I diff the sources, they are identical.  I guess when doing View Source it will show the page as it was downloaded from the web and not after the modification.  Is there a way that I can see the page after the modifications?  I can view the DOM in FF using Firebug but this doesn't help me in IE.

 Here are the particulars of why this is important:

Call this one line of code to change the opacity of a div element. 

It works in IE, FF, and Opera fine.  In FF I can see that what it does is to change the style.opacity property of the div.  In IE, the element fades visually but the style.opacity is not modified.  In order to write unit tests for this, I need to know what changed.

Thanks!

 I too would love to know if this is possible as the only way around this for me was to use FF with Firebug plug in.

if you are running IE 7 ,

http://www.ie7pro.com/ would be helpful

 Thanks but I do not think that IE7 Pro has any facility to allow viewing of the modified DOM.  If you know where it is, please point me to it.

Thanks! 

You should be able to do an alert of the inner html of a specific DOM element or for the entire page if you want.

 Tim

@Codergeek,

ie7pro  is an IE addon that allows you to do "View Generated Source".

Go ahead and download it to see how it works.

Thanks Phanatic! 

Got it.  very simple.  in IE7Pro just right click and choose View Generated Source.