HTML DOM Element scrollWidth 属性

定义和用法

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

scrollWidth 属性是只读的。

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

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

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

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

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

将元素的高度和宽度设置为从 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
支持	支持	支持	支持	支持	支持