Чтобы вызвать функцию JavaScript после завершения загрузки элемента div, вы можете использовать различные методы. Вот несколько подходов, которые вы можете использовать:

Метод 1: использование события window.onload

<div id="myDiv"></div>
<script>
  window.onload = function() {
    // Your JavaScript function here
    myFunction();
  };
  function myFunction() {
    // Code to execute after the div has loaded
    console.log("Div loaded!");
  }
</script>

Метод 2. Использование события DOMContentLoaded

<div id="myDiv"></div>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Your JavaScript function here
    myFunction();
  });
  function myFunction() {
    // Code to execute after the div has loaded
    console.log("Div loaded!");
  }
</script>

Метод 3. Использование функции Ready() jQuery

<div id="myDiv"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    // Your JavaScript function here
    myFunction();
  });
  function myFunction() {
    // Code to execute after the div has loaded
    console.log("Div loaded!");
  }
</script>

Эти методы гарантируют, что функция JavaScript будет вызвана после завершения загрузки элемента div и его содержимого.