JavaScript:要素のサイズoffset,client,scrollの違い

JavaScriptでのoffset,client,scrollの違いをメモ。

解説

[code]
offsetWidth,offsetHeight -> width(or height) + padding + border
clientWidth,clientHeight -> width(or height) + padding 表示領域の数値を返す
scrollWidth,scrollHeight -> width(or height) + padding 要素の内容が表示領域を超えている分までの数値を返す
[/code]