예
패딩을 포함하는 요소의 전체 높이와 너비를 가져 오기 :
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";
} »그것을 자신을 시도