HTML DOM scrollWidth 属性
实例
获取元素的整个高度和宽度，包括填充:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
亲自试一试 »
页面下方有更多实例。
定义和用法
scrollWidth 属性以像素为单位返回元素的整个宽度，包括填充，但不包括边框、滚动条或边距。
提示: 使用 scrollHeight 属性返回元素的整个高度。
scrollWidth 和 scrollHeight 属性返回元素的整个高度和宽度，包括不可查看的高度和宽度（由于溢出）。
提示: 要向元素添加滚动条，请使用 CSS overflow 属性。
该属性是只读的。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| scrollWidth | Yes | Yes | Yes | Yes | Yes |
语法
element.scrollWidth
技术细节
| 返回值: | 一个数字， 表示元素的整个宽度（水平方向），以像素为单位 |
|---|
更多实例
实例
使用填充、边框、滚动条和边距显示这对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";
}
亲自试一试 »
