JavaScript DOM Image 对象 naturalHeight 属性

• 

  Image 对象 naturalHeight 属性

  naturalHeight属性返回图像的原始高度。例如，如果您的图像最初为200像素高。然后，使用CSS或使用HTML“height”属性为图像设置样式，使其高500像素。naturalHeight属性将返回“200”，但 height属性将返回500。

  提示：使用naturalWidth属性返回图像的原始宽度，或使用width属性设置或返回图像的width属性的值。

  注意：此属性是只读的。

  返回图像的原始高度：

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

  复制

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  naturalHeight	9.0+	支持	支持	支持	支持

• 

  语法

  返回naturalHeight属性：

  ImageObject.naturalHeight
• 

  技术细节

  项目	描述
  返回值	一个数字，表示图像的原始高度（以像素为单位）

• 

  更多例子

  naturalHeight属性和height属性之间的区别：

  var x = document.getElementById("myImg").naturalHeight;
  var y = document.getElementById("myImg").height;

  复制

  尝试一下