计算html模板的实际宽度/高度

Question

我在js中有html模板，例如：

<div style="top: ...; height: .....>....</div>

如何在渲染后找到此div的实际宽度？

我尝试window.getComputedStyle(myElement)，它找到了元素但返回：

width: auto
height: null

我怎样才能找到真正的身高/宽度？

谢谢。

Answer 1

试试这个：

var w = element.outerWidth; var h = element.outerHeight;

计算宽度和高度，包括填充。

您可以使用innerWidth或innerHeight来计算宽度和高度而无需填充。

Answer 2

我的div

<div id="a_div" style="top: ...; height: .....>....</div>

并使用javascript

var height = document.getElementById("a_div").style.height.replace("px","");
var width = document.getElementById("a_div").style.width.replace("px","");

JSFIDDLE