html - 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);

score 0 · Accepted Answer

只有在加载 DOM 和您的资源（CSS 和图像）后，您才能获得有效的测量结果。直到发生这种情况，页面中的元素可能会四处移动并改变大小（渐进式渲染）。因此，您应该在事件处理程序中进行测量，例如onload. 您还应该重新计算调整大小事件。

score 0 · Accepted Answer

你试过使用jquery吗？

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

或者更好，为什么不只是

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

2 回答 2