>웹 프론트엔드 >JS 튜토리얼 >JavaScript는 요소 크기 및 크기 작업 요약_javascript 기술을 얻습니다.

JavaScript는 요소 크기 및 크기 작업 요약_javascript 기술을 얻습니다.

WBOY
WBOY원래의
2016-05-16 16:12:28994검색

1. 요소의 인라인 스타일을 가져옵니다

코드 복사 코드는 다음과 같습니다.

var obj = document.getElementById("test");
경고(obj.height "n" obj.width);
// 200px 200px typeof=string은 스타일 속성의 값만 표시합니다.

2. 계산된 스타일 가져오기

코드 복사 코드는 다음과 같습니다.

var obj = document.getElementById("test");
var 스타일 = null;
if (window.getCompulatedStyle) {
Style = window.getCompulatedStyle(obj, null); // IE가 아님
} 다른 {
스타일 = obj.currentStyle // IE
}
Alert("width=" style.width "nheight=" style.height);

참고: 요소의 너비와 높이가 설정되지 않은 경우 IE가 아닌 브라우저에서는 기본 너비와 높이가 반환됩니다. IE에서 자동 문자열

반환

3.