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 small 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 beginning 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 being parsed), use .textcontent instead of .innerhtml , wrap in <pre> (to preserve line breaks).

demo: jsfiddle

change:

mytext.innerhtml=ncxelement; 

to:

mytext.textcontent=ncxelement; 

change:

<p id="here">begin!</p> 

to:

<pre id="here">begin!</pre> 

Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -