HTML | DOM offsetWidth 属性

DOM offsetWidth 属性用于以整数形式返回元素的布局宽度。它以像素为单位。它包括宽度、边框、填充和垂直滚动条，但不包括边距。如果元素被隐藏，则返回 0。

句法：

element.offsetWidth

返回值：它以整数形式返回元素的布局宽度。

示例 1：

HTML

 

    
        DOM Style offsetWidth Property
    
 
    
        #GFG {
            height: 150px;
            width: 300px;
            padding: 10px;
            margin: 15px;
            background-color: green;
        }
    

 

    DOM Style offsetWidth Property
 
    
        Information about this div:
 
        
 
    
 
    
        Submit
    
 
    
        function Geeks() {
 
            var element = document.getElementById("GFG");
 
            var txt = "Width including padding and border: "
            + element.offsetWidth + "px";
 
            document.getElementById("demo").innerHTML = txt;
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：

HTML

 

    
        DOM Style offsetWidth Property
    
 
    
        #GFG {
            height: 150px;
            width: 300px;
            padding: 10px;
            margin: 15px;
            background-color: green;
        }
    

 

    DOM Style offsetWidth Property
 
    
        Information about this div:
        
 
        
 
    
 
    
        Submit
    
 
    
        function Geeks() {
            var element = document.getElementById("GFG");
            var txt = "";
            txt += "Width with padding: "
                + element.clientWidth + "px<br>";
 
            txt += "Width with padding and border: "
                + element.offsetWidth + "px";
 
            document.getElementById("demo").innerHTML = txt;
        }
    

 
   

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM offsetWidth属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器