例
得到的元素，包括填充的整个高度和宽度：
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; 试一试» 更多"Try it Yourself"下面的例子。
定义和用法
所述scrollWidth属性返回以像素为单位的元素，包括填充的整个宽度，但不是边框，滚动条或余量。
提示：使用scrollHeight属性属性返回元素的整个高度。
的scrollWidth和scrollHeight属性属性返回一个元件的整个高度和宽度，包括高度和宽度是不可见的(because of overflow) 。
提示：要滚动条添加到一个元素，使用CSS 溢出财产。
此属性为只读。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| scrollWidth | 是 | 是 | 是 | 是 | 是 |
句法
element .scrollWidth技术细节
| 返回值： | 一个数字，表示整个宽度(horizontally)的元素的，以像素为单位 |
|---|
更多示例
例
使用填充，边框，滚动条和保证金，以显示这将如何影响scrollWidth和scrollHeight属性属性：
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; 试一试» 例
返回元件的scrollHeight属性和scrollWidth然后将其高度和宽度设定为从scrollHeight属性和scrollWidth返回的值：
var elmnt = document.getElementById("content");
function
getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function
setFunction() {
elmnt.style.height = y.scrollHeight +
"px";
elmnt.style.width = y.scrollWidth + "px";
} 试一试»