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
Post a Comment