例
パディングを含む要素、全体の高さと幅を取得します。
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
scrollWidthプロパティは、パディングではなく、境界、スクロールバーまたはマージンを含むピクセル要素の全幅を返します。
ヒント：使用scrollHeightの要素の全体の高さを返すようにプロパティを。
scrollWidthとscrollHeightプロパティが表示可能でない高さと幅を含む、要素の全体の高さと幅を返す(because of overflow) 。
ヒント：CSSの使用、要素にスクロールバーを追加するには、オーバーフロープロパティを。
このプロパティは読み取り専用です。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| scrollWidth | はい | はい | はい | はい | はい |
構文
element .scrollWidth技術的な詳細
| 戻り値： | 全幅表す数値、 (horizontally)の画素の要素のが、 |
|---|
その他の例
例
これはscrollWidthとscrollHeightプロパティにどのように影響するかを示すために、パディング、ボーダー、スクロールバーやマージンを使用します：
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; »それを自分で試してみてください 例
要素のscrollHeightとscrollWidthを返し、その後、scrollHeightとscrollWidthから返された値にその高さと幅を設定します。
var elmnt = document.getElementById("content");
function
getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function
setFunction() {
elmnt.style.height = y.scrollHeight +
"px";
elmnt.style.width = y.scrollWidth + "px";
} »それを自分で試してみてください