Home/ Questions/Q 6909677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T08:43:10+00:00

I have a DIV I want to adjust its size regarding the window size.

  • 0

I have a DIV I want to adjust its size regarding the window size. So I have a javascript method that returns the newsize to apply. But I don’t see how I can define that size to the div without having to wait the end of page load.

I mean, I have some long loading objects on the page, so if I use the window.onload way to set the size, I have a div with a bad size at the start, then when the page is loaded, the div is resized. Baaad looking.

I’d like to set that size as soon as the page is displayed, with something like :

<div id="myid" style="width:myjavascript_Getcorrectsize();">

How would I do such a thing ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You don’t have to wait for the window load event, or even for the “ready” events that some libraries provide. Just put your script block after the div in question, and you will be able to access that div via the DOM to set its size. E.g.:

    <body>
  <div id="target">This is the target, JavaScript makes it 100px wide</div>
  <script>
    (function() {
      var elm = document.getElementById("target");

      elm.style.width = "100px";
    })();
  </script>
</body>

    Live demo

    References:

    That said, if you can possibly set the size via CSS, you’d be better off. But I expect you’ve already found that for some reason you can’t do that.

    • 0