读取img的宽和高的问题

今天为了读取img的宽、高问题,纠结了一个小时。

一般的情况下(FF,ie)如果在img上写上了src,那么直接在元素获取height和width就可以了。

但是谷歌不行,因为谷歌更为严格。因为就算在html文档已经准备完毕了,img标签的图片也可能没有加载完成,所以,此时img的宽和高是默认的。

eg:document.getElementById("selector").height == 0(没有设置高度的话,默认呢为0)

所以,要跨浏览器获取img元素的宽和高,就必须在img的onload事件里面获取。

eg: document.getElementById("selector").onload = function(event) {

  var height = document.getElementById("selector").height;

}

posted @ 2012-12-08 13:29  lqzerogg  阅读(147)  评论(0编辑  收藏  举报