JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

JavaScript History オブジェクト HTML DOM Element オブジェクト

HTML DOM offsetWidth 属性

HTML DOM Element オブジェクト

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";