우리는 즉, 현재 스타일 속성을 사용할 수 있음을 알고 있습니다. 그러나 요소의 너비와 높이가 표시되지 않으면이 속성을 사용하지 않으며 얻은 값은 자동입니다. 다음과 같이
코드 사본은 다음과 같습니다.
<div> abcd </div>
<cript>
var div = document.getElementsByTagName ( 'div') [0];
경고 (Div.CurrentStyle.width);
경고 (Div.CurrentStyle.Height);
</스크립트>
IE6/7/8/9의 모든 출력은 자동입니다. 너비와 높이가 디스플레이에 설정되면 출력은 실제 너비와 높이입니다. 다음과 같이
1. 인라인 스타일 속성을 통해 설정
코드 사본은 다음과 같습니다.
<div> abcd </div>
<cript>
var div = document.getElementsByTagName ( 'div') [0];
경고 (Div.CurrentStyle.width);
경고 (Div.CurrentStyle.Height);
</스크립트>
2. 페이지 설정을 통해 스타일 태그를 포함시킵니다
코드 사본은 다음과 같습니다.
<스타일>
div {
너비 : 100px;
높이 : 50px;
}
</스타일>
<div> abcd </div>
<cript>
var div = document.getElementsByTagName ( 'div') [0];
경고 (Div.CurrentStyle.width);
경고 (Div.CurrentStyle.Height);
</스크립트>
모두 출력 : 100px, 50px