获取元素的高度和宽度,包括填充:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
亲自试一试 »
内边距、边框和滚动条如何影响滚动宽度和滚动高度:
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 |
Yes | Yes | Yes | Yes | Yes | Yes |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!