javascript - document.getElementById innerHTML not displaying -



javascript - document.getElementById innerHTML not displaying -

this should pretty easy thing do, it's not returning anything. function love() should kick off, getting simple number prompt, , spitting out list of few items uses starting number. alert box correctly displays expect, want display on screen. (this little section of i'm after, it's kernel of it). no text displaying in ie, ff, or chrome...

<script type="text/javascript"> function love() { var ncxelement=""; var idnumber = prompt("enter origin number",""); var mytext=document.getelementbyid("here"); (var i=1;i<5;i++) { ncxelement+=("<navpoint class=\"other\" id=\"page_"+idnumber+"\">\n"); idnumber++; } alert(ncxelement); mytext.innerhtml=ncxelement; } </script> </head> <body onload="love()"> <p id="here">begin!</p> </body>

if want display html on page (without beingness parsed), utilize .textcontent instead of .innerhtml , wrap in <pre> (to preserve line breaks).

demo:

change:

class="lang-js prettyprint-override">mytext.innerhtml=ncxelement;

to:

class="lang-js prettyprint-override">mytext.textcontent=ncxelement;

change:

class="lang-html prettyprint-override"><p id="here">begin!</p>

to:

class="lang-html prettyprint-override"><pre id="here">begin!</pre>

javascript innerhtml

Comments

Popular posts from this blog

javascript - mongodb won't find my schema method in nested container -

Hibernate criteria by a list of natural ids -

ios - Lagging ScrollView with UIWebview inside -