HTML - чтобы получить ширину и высоту div перед заполнением его содержимым
Мне нужно узнать фактическую ширину и высоту 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);
2 ответа
Решение
Вы сможете получить действительное измерение только после загрузки DOM и ваших ресурсов (CSS и изображения). пока это не произойдет, элементы на странице могут перемещаться и изменять размер (прогрессивный рендеринг). поэтому вы должны делать свои измерения в обработчике событий, таких как onload
, Вы также должны пересчитать событие изменения размера.
Вы пытались использовать JQuery?
var divow = $("#sharedDiv").outerWidth();
или еще лучше почему бы просто
var divow = $(window).height();