What jQuery/JavaScript mand can I use to detect whether the DOM (driven by a custom function) has been built before populating the fields inside it? Currently the latter fails unless I put in an alert box in between the 2 actions.

What jQuery/JavaScript mand can I use to detect whether the DOM (driven by a custom function) has been built before populating the fields inside it? Currently the latter fails unless I put in an alert box in between the 2 actions.

• jquery
• dom
• javascript

• http://www.whatwg/specs/web-apps/current-work/multipage/dom.html#current-document-readiness – RobG Commented May 19, 2011 at 2:26

2 Answers 2

$(function() { }) will tell you when the DOM is ready to be accessed.

If your custom function is adding things to the DOM, the best way would be to build something into it that notifies some code when it is done.

You can look at document.readyState. If the page is ready it should be "plete".

You can also use document.addEventListener('DOMContentLoaded', function () { })