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.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Jim Davis]

"Jake Barnes" <lk******@geocities.comwrote in message
news:11**********************@i42g2000cwa.googlegr oups.com...

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"?

Most would.

Mine is here (with complete documentation and examples):

http://www.depressedpress.com/Conten...sions/DP_DeBug

Using your example you would call it like:
DP_Debug.dump(referenceToSomeDiv.innerHTML);

This is a JavaScript-only tool (no install) and works in FireFox, IE and
Opera 9. A Tool like Firebug offers significantly more functionality at the
cost of an install and browser specificity.

Jim Davis

[David Dorward]

Jake Barnes wrote:

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.

--
David Dorward <http://blog.dorward.me.uk/ <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[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.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[drclue]

Jake Barnes wrote:

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?

Perhaps this might help
innerHTML.split("&").join("&amp;").split("<").join ("&lt;").split(">").join("&gt;")