javascript - 计算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 计算不带填充的宽度和高度。