HTML | DOM 图像 naturalHeight 属性

naturalHeight ：此属性用于获取图像的原始高度。由于可以使用 标签中的 ‘height’ 属性来修改要在网页上显示的图像的高度，因此自然高度属性在需要图像的原始高度而不是自定义高度的情况下变得有用它是一个只读属性。

句法 ：

imageObject.naturalHeight

返回值：它以像素为单位返回图像的原始高度。

例子：

  

    
        
        
        
        Click
        
    
    
        function getHeight() {
            var imgObject = document.getElementById("image");
            var output = document.getElementById("text");
            output.innerHTML = "Height of image: " + imgObject.height +
                "<br>naturalHeight of image: " + imgObject.naturalHeight;
        }
    

  

输出：
点击前：

点击后：

支持的浏览器：
• 谷歌浏览器
• Internet Explorer 9.0 或以上
• 火狐浏览器
• 苹果浏览器
• 歌剧