HTML | DOM 图像 naturalWidth 属性

naturalWidth :属性用于获取图像的原始宽度。由于可以使用 标签的 ‘width’ 属性来修改要在网页上显示的图像的宽度，因此 naturalWidth 属性在需要图像的原始宽度而不是自定义宽度的情况下变得有用.它是只读属性。

句法 ：

imageObject.naturalWidth

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

例子：

html

 

    
    
    
    Click
    
    
        function getWidth() {
            var imgObject = document.getElementById("image");
            var output = document.getElementById("text");
            output.innerHTML = "Width of image: " + imgObject.width +
            "<br>naturalWidth of image: " + imgObject.naturalWidth;
        }
    

 

输出：
点击前：

点击后：

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