设置图片的宽高3种方式的区别
0
悬赏园豆：20
[已关闭问题]
关闭于 2012-08-20 16:43
<img id="test" src="a.jpg" />
在js中设置图片的宽高常用的有3种方式：
var img=document.getElmentById("test");
方法1：
img.width=200;
方法2：
img.style.width="200px";
方法3：
img.setAttribute("width",200);
这三种方式有啥区别？
所有回答(5)
1
没区别，第一种是第二种的简写，第二种是第三种的简写，建议用第二种的方式
1
没什么本质区别，只是写法不同。
2
方法1：
img.width=200;
设置的是 元素的 属性
方法2：
img.style.width="200px";
设置的是 元素 style 对象的 属性
方法3：
img.setAttribute("width",200);
设置的是 元素 dom 的 特性
0
效果是一样的。
方法1和方法3都是设置元素的width。相当于：<img id="test" width="200" src="a.jpg" />
方法2设置的是 元素 style 对象的 属性。相当于：<img id="test" style="width:200px" src="a.jpg" />
0
似乎没有多大区别，都是对DOM对象操作，不过可能在不同的浏览器中会有兼容问题哦
