HTML DOMscrollWidthプロパティ
例
パディングを含む、要素の全体の高さと幅を取得します。
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
scrollWidthプロパティは、パディングを含む要素の幅全体をピクセル単位で返しますが、境界線、スクロールバー、またはマージンは返しません。
ヒント： scrollHeightプロパティを使用して、要素の高さ全体を返します。
scrollWidthプロパティとscrollHeightプロパティは、要素の高さと幅全体を返します。これには、（オーバーフローのために）表示できない高さと幅も含まれます。
ヒント：要素にスクロールバーを追加するには、CSS オーバーフロープロパティを使用します。
このプロパティは読み取り専用です。
ブラウザのサポート
| Property | |||||
|---|---|---|---|---|---|
| scrollWidth | Yes | Yes | Yes | Yes | Yes |
構文
element.scrollWidth
技術的な詳細
| 戻り値： | 要素の幅全体を（水平方向に）ピクセル単位で表す数値。 |
|---|
その他の例
例
パディング、ボーダー、スクロールバー、マージンを使用して、これが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";
}