[Edit]

JavaScript - add onload event to div

1 contributors

2 contributions

0 discussions

3 points

Created by:

Violetd

925

In this article, we would like to show you how to add onload event to div using JavaScript.

Quick solution:

You can't. However, you can add <script> tag performing some action right after the <div> to be executed immediately.

xxxxxxxxxx
 
<div>Example text...</div>
<script type="text/javascript">
  // do something
</script>

Practical example

Edit

In this example, we get the element's offsetHeight property value right after the element is ready in the document body.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <div id="my-div">Example text...</div>
  <script type="text/javascript">
​
    var element = document.querySelector('#my-div');
​
    // do something on load e.g.:
    console.log(element.offsetHeight);
​
  </script>
</body>
</html>