使用添加到数组的元素（document.getElementById（'ID'））

Question

为什么此代码不起作用？

var all_obj_element= new Array(); 
all_obj_element[0]= document.getElementById('Img3');    
alert(all_obj_element[0].style.width); 

该提示显示一个空框！

Answer 1

因为您尚未设置宽度。这里是你如何获得元素的计算样式值：

var computedStyle = function (el,style) { 
    var cs; 
    if (typeof el.currentStyle != 'undefined'){ 
     cs = el.currentStyle; 
    } 
    else { 
     cs = document.defaultView.getComputedStyle(el,null); 
    } 
    return cs[style]; 
} 

现在，让我们的价值：

var element = document.getElementById('Img3'); 

alert(computedStyle(element,'width')); 

Answer 2

ID为Img3的元素尚未具有其.style.width属性集（可通过通过JavaScript为其分配值或使用style属性来完成）。

怪癖模式有一篇关于how to read the computed style in a cross-browser fashion的文章。

Answer 3

如果没有需要看风格的宽度，只看宽度：

var all_obj_element= []; 
all_obj_element[0]= document.getElementById('Img3');    
alert(all_obj_element[0].width);