计算HTML内容的高度和宽度

时间:2014-06-19 07:48:21

标签: javascript extjs

我正在创建一个扩展Ext.window.Window组件的通用myWindow。 在这里,我需要支持一个功能来自动调整窗口的高度和宽度。 此高度和宽度将取决于窗口内HTML内容的高度/宽度。 在EXT JS或javascrip中是否有任何方法可以为我提供html内容的高度和宽度。

1 个答案:

答案 0 :(得分:0)

要以像素(包括填充和边框)获取元素的高度或宽度,请使用对象的offsetHeightoffsetWidth属性。这些值是只读的。

如果您已设置元素的样式,则可以使用style属性获取高度和宽度(不包括填充和边框):

var el = document.getElementById('elementId');
var width = el.style.width;
var height = el.style.height;

您也可以这样设置元素的高度或宽度。

el.style.width = 40 + 'px';

'px'可以更改为任何有效单位,例如EM。