JavaScript innerHTML function issue

Question

Not sure if it is weird or simply I am stupid, but I am having an issue in JavaScript innerHTML. Ok, I hve an empty DIV in my body tag. What I want is to write an unordered list in it. So, I made this:

<script>
var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
</script>

<div id="bla">

</div>

Hmm nothing is appearing in the DIV.. :(

Man Programmer · Accepted Answer · 2012-11-03 05:36:42Z

3

id='bla' was not found because you script above the id and not use any function

change like this

<div id="bla">

</div>

<script>
var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
</script>

or

<script>
window.onload=function(){var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
 };
</script>

<div id="bla">

</div>

answered Nov 3, 2012 at 5:36

Man Programmer

5,3662 gold badges24 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jamesmortensen Over a year ago

Really? this looks like it should work. Did you try running the code in the JavaScript console as a sanity check? var bla = document.getElementById("bla"); bla.innerHTML = "<ul><li>LOL</li></ul>"; Are you sure the code is actually being called and that there isn't another onload callback overwriting this one? Put an alert or something in that onload to convince yourself that it's actually the innerHTML that's the problem and not that your callback is being hijacked.......

user1780468 Over a year ago

now it works lol, I forgot to add (); in the function lo..thank

Vikas Umrao · Accepted Answer · 2012-11-03 05:40:15Z

0

<div id="bla">

</div>
<script>
var bla = document.getElementById("bla");
bla.innerHTML = "<ul><li>LOL</li></ul>";
</script>

answered Nov 3, 2012 at 5:40

Vikas Umrao

2,5801 gold badge17 silver badges23 bronze badges

1 Comment

Vikas Umrao Over a year ago

if you will write/execute the script before <div id="bla"></div> then page will not find any id "bla" with this name as div with id bla has not uploaded yet. so either use above one or <script> window.onload=function(){var bla = document.getElementById("bla"); bla.innerHTML = "<ul><li>LOL</li></ul>"; }; </script>

Collectives™ on Stack Overflow

JavaScript innerHTML function issue

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related