img大小属性读取问题

第一次遇到这个问题

 

<div style='display:none'>
	<img src='mm2.jpg' width='400' id='t1' />
</div>

在 firefox 中可以读到 document.getElementById('t1').width == 400

在 ie 中读到 document.getElementById('t1').width == 0

我们知道对于 offsetHeight 等 BOM 属性当节点不属于文档流时（display:none），都为0，可width作为dom节点指定的属性，ie输出0就不太正常了吧....

如果要通用一点，最好设置 css 吧

 

<div style='display:none'>
	<img src='mm2.jpg' style='width:400px' id='t1' />
</div>

在 ie 和 firefox 中都可以得到 document.getElementById('t1').style.width == 400px