HTML | DOM clientHeight 属性

DOM clientHeight属性用于以像素为单位返回元素的可见高度。它包括填充宽度的测量，但不包括用于元素宽度测量的边距、边框和滚动条属性。此属性仅返回用户可见或可见的元素的实际高度。它是一个只读属性。

句法：

element.clientHeight

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

例子：

  

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

  

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

  

输出：

• 最初：
  
• 点击按钮后：
  

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

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