HTML DOM Element scrollWidth 属性

定义和用法

scrollWidth 属性返回元素的宽度，以像素为计，包括内边距，不包括边框、滚动条或外边距。

scrollWidth 属性是只读的。

注释：scrollWidth 和 scrollHeight 都返回元素的整个高度和宽度，包括不可见的部分（由于溢出）。

另请参阅：

scrollHeight 属性

CSS overflow 属性

实例

例子 1

获取元素的高度和宽度，包括内边距：

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

亲自试一试

例子 2

padding、border 和 scrollbar 如何影响 scrollWidth 和 scrollHeight：

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

亲自试一试

例子 3

将元素的高度和宽度设置为从 scrollHeight 和 scrollWidth 返回的值：

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

亲自试一试

语法

element.scrollWidth

返回值

类型 描述
数字 元素的宽度，以像素为单位。

浏览器支持

所有浏览器都支持 element.scrollWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持