HTML - чтобы получить ширину и высоту div перед заполнением его содержимым

Question

Мне нужно узнать фактическую ширину и высоту shareddiv, прежде чем заполнять его содержимым, чтобы я мог определить, сколько панелей может вписаться в shareddiv на основе разрешения устройства или браузера.

<div id="outerdiv">
<div style="width: 100% ;height:100%;" id="sharedDiv" ></div>
</div>

Предупреждение возвращает разные значения в разных местах кода.

var divow = document.getElementById('sharedDiv').offsetWidth;
        alert("div offsetwidth"+divow);

Answer 1

Вы сможете получить действительное измерение только после загрузки DOM и ваших ресурсов (CSS и изображения). пока это не произойдет, элементы на странице могут перемещаться и изменять размер (прогрессивный рендеринг). поэтому вы должны делать свои измерения в обработчике событий, таких как onload, Вы также должны пересчитать событие изменения размера.

Answer 2

Вы пытались использовать JQuery?

var divow = $("#sharedDiv").outerWidth();

или еще лучше почему бы просто

var divow = $(window).height();