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
支持 支持 支持 支持 支持 支持