ansaurus

Question

Severe issues with document.GetElementById

Answer 1

+4 A:

Timing.

The document isn't ready, when you're getting the element.

You have to wait until the document is ready, before retrieving the element.

Cheeso 2010-04-13 18:34:23

Answer 2

+10 A:

The page is rendered top to bottom. You code executes immediately after it's parsed. At the time of execution, the div does not exist yet. You need to wrap it in an window.onload function.

steve_c 2010-04-13 18:34:41

Answer 3

+2 A:

Try this:

 <script type="text/javascript">
  window.onload = function() {
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
  }
 </script>

Sarfraz 2010-04-13 18:35:40

Answer 4

+1 A:

The browser is going to execute that script as soon as it finds it. At that point, the rest of the document hasn't loaded yet — there isn't any element with that id yet. If you run that code after that part of the document is loaded, it will work fine.

Syntactic 2010-04-13 18:35:44

Answer 5

A:

Wow, what can i say?

Thanks guys, so dam simple yet so hard to think about that in the first place!

BadDayComing 2010-04-13 18:36:48

This should be a comment, not an answer.

Kevin Crowell 2010-04-13 18:39:56

Answer 6

A:

Without window.onload your script is never invoked. Javascript is an event based language so without an explicit event like onload, onclick, onmouseover, the scripts are not run.

<script type="text/javascript">  
  window.onload = function(){  
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";  
  }
</script>

Onload event:

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

https://developer.mozilla.org/en/DOM/window.onload

Christopher Altman 2010-04-13 18:43:45

Answer 7

A:

<script type="text/javascript">
  window.onload += function() {
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
  }
 </script>

Use += to assign more eventHandlers to onload event of document.

Braveyard 2010-04-13 18:47:07

ansaurus

tags:

views:

answers:

Severe issues with document.GetElementById

related questions