JavaScript Element scrollWidth 属性

scrollWidth属性返回元素的整个宽度（以像素为单位），包括填充，但不返回边框，滚动条或边距。此属性是只读的。

提示：使用scrollHeight属性返回元素的整个高度。

scrollWidth和scrollHeight属性返回元素的整个高度和宽度，包括不可查看的高度和宽度（由于溢出）。

提示：要将滚动条添加到元素，请使用CSS overflow属性。

实例：

获取元素的整个高度和宽度，包括填充：

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
属性
scrollWidth	支持	支持	支持	支持	支持

语法

element.scrollWidth

技术细节

项目	描述
返回值：	一个数字，表示元素的整个宽度（水平），以像素为单位
DOM版本

更多例子

使用填充，边框，滚动条和边距来显示它如何影响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";
}

尝试一下