window.onload delay

Question

i am trying to appendChild() on an existing form, and its not working. i wonder if i need to delay the page, at least i thought i read that somewhere. what i am thinking is dynamically altering window onload to be a delay. do i grab the body tag like any other DOM element?

Answer 1

you could use a timeout to delay the call to your method that does the appendChild()...

setTimeout(functionName, "200")

If you are using jQuery you can use the ready method to delay your code until the page is fully loaded:

$(document).ready(function() {
    appendChild();
});

Edit: Removed quotes around function call in setTimeout per Steve's suggestion in the comments

Answer 2

the body-element is referenced directly under document,

document.body

But your question is very fuzzy.

If you call your DOM-manipulation from the onload-event, the DOM should be completely loaded. Therefor I assume a delay isn't the way to go.

Answer 3

Does this work?

window.addEventListener('load', function() {
    // Code to execute when DOM is loaded
}, false);

Steve