HTML DOM 元素 scrollWidth
示例
获取元素的高度和宽度,包括内边距
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
尝试一下 »
内边距、边框和滚动条如何影响 scrollWidth 和 scrollHeight
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
尝试一下 »
更多示例如下。
描述
scrollWidth
属性返回元素的宽度,包括内边距,但不包括边框、滚动条或边距。
scrollWidth
属性以像素为单位返回宽度。
scrollWidth
属性是只读的。
语法
element.scrollWidth
返回值
类型 | 描述 |
数字 | 元素的宽度,以像素为单位。 |
更多示例
将元素的高度和宽度设置为从 scrollHeight 和 scrollWidth 返回的值
element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";
尝试一下 »
浏览器支持
element.scrollWidth
在所有浏览器中都受支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 是 |