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

Share Improve this question Follow asked May 19, 2011 at 1:04 ErnestErnest 82444 gold badges1212 silver badges2525 bronze badges 1

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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

$(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 () { })