在JavaScript中，通过style修改属性时需要加上"px"//结果为width="600";document.getElementById("iImg").width="600px";//结果为width="0"1.了解代码规范后，width="300px"height="300px"不符合w3c规范，用TheW3CMarkupValidationService测试会报错。属性width和height的值为非负数，直接写数字即可，如width="300"2.width是img认可的（非自定义的）特征，会添加到DOM对象以属性的形式存在，因此可以以dom.attr的形式操作属性值。imgDom.width=值；//这里的值为number类型的非负值，如果为其他值，则转为0console.log(typeofimgDom.width);//它是数字类型document.getElementById("iImg").width=600;//方法①，结果为width="600";赋值成功document.getElementById("iImg").width="600px";//结果为width="0"赋值失败，因为width是img的属性，当然也可以赋值形式如下：document.getElementById("iImg").setAttribute("width","600");//方法②3.方法①②是通过改变img的属性值来改变图片的大小，也可以通过改变css样式来改变图片的大小。当两者同时变化时，谁会占上风？document.getElementById("iImg").style.width='600px';//方法③，这个是带px的，图片宽度渲染成功document.getElementById("iImg").width=900;//只改变属性值，但不影响图片的大小综上所述，如果只是改变图片显示的大小，可以使用以上三种方法达到目的。当有css样式控制图片尺寸时，属性值的改变不影响图片的实际渲染Size:document.getElementById("iImg").width=600;//方法①、改变通过改变属性值改变图片大小document.getElementById("iImg").setAttribute("width","600");//方法②，通过改变属性值改变图片大小document.getElementById("iImg").style.width='600px';//方法③，通过css样式改变图片大小补充：方法①和方法②的区别当属性为自定义属性时，dom.attr的方法无效，如:SegmentFaultdocument.getElementById("test").width;//undefineddocument.getElementById("测试").width=1200;//Invaliddocument.getElementById("div").setAttribute("width","1200");//属性width的值只能通过这种方式改变，但是无论如何改变都不会影响div的width值，因为width只是div的一个自定义属性
