javascript - 获取 'px' 中的大小而不是百分比

Question

我必须编写一个返回 div 当前大小(以 px 为单位)的 javascript 函数。不幸的是，div 的权重在 % 而不是 px 中指定。

div 的样式:position: absolute;宽度:100%；高度:100%；

还有我的宽度返回函数:

function getTableWidth(tableId){
    var tabWidth = document.getElementById('pt1::tabb').children[0].children[0].style.width;
    return tabWidth;
}

tabWidth 为“100%”。

是否可以返回 px 宽度而不是 % 宽度？

注意:我无权访问任何 html/css ，因为我正在处理的页面是通过一个复杂的框架生成的。我只能嵌入 javascript。

Answer 1

每个浏览器都不同。在大多数情况下，您可以使用 DOM 元素的 clientWidth 和 clientHeight 属性。在非 IE 浏览器中，您可以使用 document.defaultView.getComputedStyle()。但是，我建议使用一个框架来为您处理跨浏览器问题。在 jQuery 中，您可以使用像 $(element).width() 这样简单的东西来获取当前宽度(以像素为单位)。