I have the following:

<div id="valueboxes" style="overflow-x:hidden;overflow-y:scroll;width:100%;height:200px">

However, every time I use the following:

document.getElementById("valueboxes").innerHTML = html;

I get this error:

'innerHTML': object is null or undefined

Am I doing something wrong?

The html is a table var being appended too by javascript in a for loop using +=.

I have the following:

<div id="valueboxes" style="overflow-x:hidden;overflow-y:scroll;width:100%;height:200px">

However, every time I use the following:

document.getElementById("valueboxes").innerHTML = html;

I get this error:

'innerHTML': object is null or undefined

Am I doing something wrong?

The html is a table var being appended too by javascript in a for loop using +=.

• javascript
• asp
• html
• vb
• innerhtml

• 5 Where is this code executing? It's likely that the DOM isn't ready for manipulation. – Chris Laplante Commented Jun 27, 2012 at 18:32
• There is no HTML in the code you included in this question. Please show the HTML inside the "valueboxes" div so we can help you. – Lowkase Commented Jun 27, 2012 at 18:35
• 1 @AmandaSmith: If you have a lot of other DOM manipulation going on, you might want to check out jQuery. That way, you can simply use $(function(){ /* Your DOM code here * /}); It will simplify a bunch of other things too. – Chris Laplante Commented Jun 27, 2012 at 18:37
• 2 DomReady event occurs before window.onload, you'd better use jQuery – varela Commented Jun 27, 2012 at 18:38

1 Answer 1

That's because you are executing your code before DOM is fully loaded.

This should work:

window.onload = function() {
  document.getElementById('valueboxes').innerHTML = html;
};

Or you can simply put your javascript code just before </body> tag with no need to use onload there.