JS an event after all the html is loaded

Question

I want to make something like library in JS. If table has a class="aClass" I want to automatically modify some of it's elements using JS.

I tried this way:

window.onLoad = LoadSetup();

function LoadSetup()
{
  tables = document.getElementsByTagName("table");
  alert(tables.length);  // it's 0 though there are is one in the document
}

But i seems that this function runs before loading html. How to fix this?

gilly3 · Accepted Answer · 2011-09-15 22:49:46Z

1

Two problems:

onload needs to be all lower case. Rather than binding an event handler to window.onload, you are adding a custom property to window of onLoad.
Assign onload a reference to the function. Omit the parentheses. With the parens, you are calling the function immediately, and assigning its return value to window.onLoad.

Try this:

window.onload = LoadSetup;

answered Sep 15, 2011 at 22:49

gilly3

92.6k26 gold badges148 silver badges179 bronze badges

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

1 Comment

Andrzej Gis Over a year ago

You are right, thanks. It was hard to track for me (2 days of experience with JS :) ) as it actually did some action more or less what I expected and when I expected. Thanks one more time.

Magillus · Accepted Answer · 2011-09-15 22:49:03Z

1

Why not to use:

jQuery(document).ready(function() {
LoadSetup();
});

from JQuery: http://jquery.com/

Regards,

answered Sep 15, 2011 at 22:49

Magillus

823 bronze badges

1 Comment

Justin Obney Over a year ago

jQuery is a tool that is great when it is needed. Plain old javascript will more than do the trick here..

RoccoC5 · Accepted Answer · 2011-09-15 22:49:27Z

1

Try

window.onload = LoadSetup;

Including the parenthesis will execute the function and set window.onload to the return value of the function.

answered Sep 15, 2011 at 22:49

RoccoC5

4,21320 silver badges20 bronze badges

Comments

Digital Plane · Accepted Answer · 2011-09-15 22:49:09Z

0

You're assigning the result of the function LoadSetup. Assign the reference LoadSetup instead:

window.onload = LoadSetup;

Also note it's window.onload (case sensitive).

answered Sep 15, 2011 at 22:49

Digital Plane

38.4k7 gold badges60 silver badges59 bronze badges

Collectives™ on Stack Overflow

JS an event after all the html is loaded

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related