轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

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";
}
亲自试一试 »