HTML - 在使用内容填充div之前获取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之类的事件处理程序中进行测量。你还应该重新计算resize事件。

Answer 2

你尝试过使用jquery吗？

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

或更好，为什么不只是

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