Question

I want to execute a function when the element with ID #container has loaded on the DOM.

I can start populating #container immediately after it has loaded, and not wait for the whole DOM to load as with document.ready().

I am using require.js to load my scripts, and backbone.js for organisation.

What is my best approach?

Answer 1

I believe the easiest would be to just put your script exactly after the #container.

Like this:

<div id="container"><!-- content --></div>
<script>
  var container = document.getElementById('container');
  // do stuff with container here
</script>