JavaScript 对象
- JavaScript Array 对象
- JavaScript Boolean 对象
- JavaScript CSS 样式声明对象
- JavaScript Math 对象
- JavaScript Number 对象
- JavaScript String 对象
- JavaScript 正则表达式(RegExp) 对象
- JavaScript Console 对象
JavaScript 参考手册
JS DOM参考手册
HTML DOM offsetWidth 属性
offsetWidth只读属性以整数形式返回元素的宽度，包括水平填充和边框。
通常，offsetWidth元素CSS宽度的像素度量，包括任何边框、填充和垂直滚动条(如果有的话)。它不包括伪元素的宽度，例如:: before或:: after。
要了解此属性，您必须了解CSS Box Model。
使用clientHeight和clientWidth属性返回元素的可见高度和宽度，包括填充，但不包括边框，边距和滚动条（如果存在）。
语法：
element.offsetWidth
var elem = document.querySelector("div");
var txt = "Height including padding and border: " + elem.offsetHeight + "px<br>";
txt += "Width including padding and border: " + elem.offsetWidth + "px";测试看看‹/›浏览器兼容性
所有浏览器完全支持offsetWidth属性：
| 属性 |  |  |  |  |  |
| offsetWidth | 是 | 是 | 是 | 是 | 是 |
技术细节
| 返回值： | 一个数字，表示元素的宽度（以像素为单位），包括填充，边框和滚动条 |
|---|
更多示例
此示例演示clientWidth和offsetWidth之间的区别：
var elem = document.querySelector("div");
var txt = "Width 包含 padding: " + elem.clientWidth + "px<br>";
txt += "Width 包含 padding + border: " + elem.offsetWidth + "px";测试看看‹/›相关参考
HTML DOM参考：offsetHeight属性
HTML DOM参考：offsetLeft属性
HTML DOM参考：offsetTop属性
HTML DOM参考：offsetParent属性