HTML | DOM clientWidth 属性

DOM clientWidth属性用于返回特定元素的可见宽度，包括填充但不包括边距、边框和滚动条宽度的测量。此属性仅返回用户可见或可见的元素的实际宽度。它是只读属性。
句法：

element.clientWidth 

返回值：它返回一个数值，表示元素的可见宽度。
例子：

  

    
        HTML | DOM clientWidth Property
    
    
        h1 {
            color: green;
            font-size: 35px;
        }
          
        #GFG {
            height: 200px;
            width: 250px;
            padding: 40px;
            margin: 25px;
            border: 5px solid coral;
            background-color: green;
        }
    

  

    
        GeeksForGeeks
        DOM clientWidth Property 
  
        
            
                 GeeksforGeeks
            
            
        
        Submit
        
            function Geeks() {
                var w = document.getElementById("GFG");
                var x = "viewable Height is: " 
                + w.clientHeight +
                    "px<br>";
                x += "viewable width is:: "
                + w.clientWidth + "px";
                document.getElementById("sudo").innerHTML = x;
            }
        
    
  

  

输出：
点击按钮前：

点击按钮后

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

• 谷歌浏览器 1.0
• 浏览器 4.0
• 火狐 1.0
• 歌剧 3.5
• Safari 1.0