태그 객체의 속성 - 크기

개요

태그 객체의 style 속성의 width, height 속성을 이용하여 크기를 관리 할 수 있다.

아래 코드는 st의 가로 크기를 100px로 설정한다.
var st = document.getElementById("stalker");
st.style.width = "100px";

style 속성에서 width를 설정 했을 경우 (CSS에서 설정 했을 경우는 적용되지 않는다)
아래 코드는 크기에 단위를 더한 문자열을 반환한다.
alert( st.style.width ); //100px

사용법

var box = document.getElementById("Box");
box.style.width = "150px";

예제

<html>
<head>
	<script type="text/javascript">
		function change() {
			var box = document.getElementById("box");
			box.style.width = "150px";
		}
	</script>
</head>
<body>
	<div id="box" style="background-color:#CCC;" onclick="change()">Box</div>
</body>
</html>
출력 결과:
Box