Question

I tried to call a function, when all DOM elements in the page are loaded, like this:

document.addEventListener('DOMContentReady', function() {alert("good")});

It’s an HTML file with an empty body and empty head except this JavaScript and nothing happens even if the browser finished loading. What could be wrong here? And are there other ways to do this?

Answer 1

There’s no DOMContentReady event.

You want DOMContentLoaded.

---

document.addEventListener('DOMContentLoaded', function() {alert("good")});

DEMO: http://jsfiddle.net/JQhjj/