Javascript - 获取未定义元素的宽度

Question

我有一个div元素,没有定义的宽度或高度.它拥有其他元素和尺寸的模具.我需要得到div的最终大小,而无法检查其中元素的大小(动态元素).

我尝试解析对象的所有属性,但什么都没找到,都是"未定义".

有什么想法吗？

非常感谢

稍后编辑:

我有

<div id="xxx" style="position:relative;">  
    aaaa
</div>

我试过了:

var a = mydiv.style.width;

但它没有用.

我也尝试过:

var getKeys = function (obj) {  
    var keys = [];

    for(var key in obj){  
        document.write(key+"="+obj.key+"<br>");  
    }  

    return keys;  
}  

getKeys(mydiv.style);  

要显示所有属性,但没有任何信息.

jQuery解决方案工作得很好,但getComputedStyle我正在寻找,因为我不能在这里使用jquery.

对不起,提供简短的信息.

Answer 1

基于没有任何关于你正在做什么的信息,我建议你(如果可能的话)使用这个window.getComputedStyle()方法,它找到浏览器呈现的对象的属性:

var elem = document.getElementById('elemId'),
    properties = window.getComputedStyle(elem, null),
    height = properties.height,
    width = properties.width;

如果你有jQuery可用,那么你可以简单地使用width()和height()(或outerWidth()/ outerHeight())方法:

var height = $('#elem').height(),
    width = $('#elem').width();