HTML | DOM scrollWidth 属性

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

句法：

element.scrollWidth

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

例子：

    
        
            HTML DOM scrollWidth Property
        
        
            #box {
                width: 250px;
                overflow: auto;
            }
              
            #content {
                width: 500px;
                padding: 10px;
                background-color: green;
                color: white;
            }
        
          
        
        
            function Geeks() {
                var doc = document.getElementById("content");
                var x = doc.scrollWidth;
                document.getElementById ("p").innerHTML 
                        = "Width: " + x + "px";
            }
        
    
      
    
        GeeksforGeeks
          
        
            DOM scrollWidth Property
        
          
        
            Click Here!
        
        
          
        
            
                Text content...
            
        
          
        
    
                    

输出：
点击按钮前：

点击按钮后：

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

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