a debugger to let me see the innerHTML of a div?

[Jake Barnes]

What debugger would let me see the HTML in a div after I've added HTML
to the div using its innerHTML? That is:

var someInputHtml = prompt("input html");
var referenceToSomeDiv = document.getElementById("someDiv");
referenceToSomeDiv.innerHTML = someInputHtml;

When debugging, how do I now see what HTML is in the div "someDiv"?

Maybe there is a FireFox extension for this? Firebug?

 

[Randy Webb]

Jake Barnes said the following on 9/29/2006 1:36 AM:

What debugger would let me see the HTML in a div after I've added HTML
to the div using its innerHTML? That is:

var someInputHtml = prompt("input html");
var referenceToSomeDiv = document.getElementById("someDiv");
referenceToSomeDiv.innerHTML = someInputHtml;

When debugging, how do I now see what HTML is in the div "someDiv"?

alert(referenceToSomeDiv.innerHTML)

Or, you could replace the < with &lt; and > with &gt; and then insert it
into a separate debugging div.

 

[David Dorward]

What debugger would let me see the HTML in a div after I've added HTML
to the div using its innerHTML? That is:

Maybe there is a FireFox extension for this?

DOM Inspector

Firebug?

Has a built in DOM Inspector, I don't like it as much as the original.

 

[Evertjan.]

Randy Webb wrote on 29 Sep 2006 in comp.lang.javascript:

Jake Barnes said the following on 9/29/2006 1:36 AM: [..]

When debugging, how do I now see what HTML is in the div "someDiv"?

alert(referenceToSomeDiv.innerHTML)

Or, you could replace the < with &lt; and > with &gt; and then insert it
into a separate debugging div.

Why the latter?

referenceToOtherDiv.innerHTML =
'<pre>' +
referenceToSomeDiv.innerHTML.replace(/</g,'&lt;') +
'</pre>';

should work fine.