JS获取IMG图片高宽的简单实例

前端之家收集整理的这篇文章主要介绍了JS获取IMG图片高宽的简单实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前段时间在LJW写的touchslider.js轮播代码添加自适应屏幕大小的功能时,遇到一个问题。不管用什么样的方法都无法获取img标签的高宽,最后只有给图片定一个高宽的比例值;趁今天有空我就写了几个demo测试了下,找了下原因;且听我细细说来,如有哪里说的不对的,欢迎拍砖~~~

首先获取高宽的方法具我所知有:

为了叙述简单,这里仅为width为例。

先说第一个方法:obj.style.width;这个方法,只有在标签里用style属性写进了width的大小,才可以获取到值,否则只返回的为空。看下面的demo:

<div class="jb51code">
<pre class="brush:js;">
<img style="width:400px" src="http://img.hb.aicdn.com/787bf87d05ad774522dd92151b3051b463229a11109598-9QXV9C_fw658"&gt;

猜你在找的JavaScript相关文章