JavaScript DOM Image 对象 width 属性

• 

  Image 对象 width 属性

  width属性设置或返回图像的width属性的值。width属性指定图像的宽度。此属性还可以返回已使用CSS设置样式的图像的宽度（请参阅更多示例）。

  提示：使用height属性设置或返回图像的height属性的值。

  将图像的宽度更改为300px：

  document.getElementById("myImg").width = "300";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  width	支持	支持	支持	支持	支持

• 

  语法

  返回width属性：

  ImageObject.width

  设置width属性

  ImageObject.width = pixels
• 

  属性值

  值	描述
  pixels	宽度（以像素为单位）（例如，宽度=“100”）

• 

  技术细节

  项目	描述
  返回值	一个数字，表示图像的宽度，以像素为单位

• 

  更多例子

  返回图像的宽度：

  var x = document.getElementById("myImg").width;

  尝试一下

  将图像的高度和宽度更改为300px：

  document.getElementById("myImg").height = "300";
  document.getElementById("myImg").width = "300";

  尝试一下

  返回已使用CSS设置样式的图像的宽度：

  var x = document.getElementById("myImg").width;

  尝试一下
• 

  相关页面

  HTML参考：HTML <img> width 属性