读取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;
}