HTML | DOM scrollHeight 属性

DOM scrollHeight 属性用于返回元素的高度。此属性包括填充以及由于溢出而在屏幕上不可见的内容，但不包括边框、滚动条或边距。它是只读属性。

句法：

element.scrollHeight

返回值：以像素为单位返回元素内容的高度。

例子：

    
        
            HTML DOM scrollHeight Property
        
          
        
            #GFG {
                width: 250px;
                height: 100px;
                overflow: auto;
                margin: auto;
            }
              
            #content {
                height: 300px;
                padding: 10px;
                background-color: green;
                color: white;
            }
        
          
        
        
            function Geeks() {
                var doc = document.getElementById("content");
                var x = doc.scrollHeight;
                document.getElementById ("p").innerHTML
                        = "Height: " + x + "px";
            }
        
    
      
    
          
        
            GeeksforGeeks
        
          
        
            DOM scrollHeight Property
        
          
        
            Click me!
        
        
          
        
            
                Text content...
            
        
          
        
    
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： scrollHeight 属性支持的浏览器如下：

• 谷歌浏览器 4.0
• 浏览器 8.0
• 火狐 3.0
• 歌剧
• Safari 4.0