div.or.kr이 ofcourse 로 이전 될 예정입니다.
새로운 강의로 보기
document.getElementById

개요

document.getElementById("id") 는 html문서에서 해당 아이디를 가진 객체(태그)를 반환한다.

var st = document.getElementById("stalker");
처럼 변수에 담아서 보관하며 style 속성을 사용 할 수 있다.

사용법

var st = document.getElementById("box");

st.style.width = "100px";
st.style.width = (parseInt( st.style.width ) + 100) + "px";

예제

<html>
<head>
	<script type="text/javascript">
		function setWidth() {
			var st = document.getElementById("box");
			st.style.width = "100px";
			st.style.width = (parseInt( st.style.width ) + 100) + "px";
		}
	</script>

	<style>
		#box { width:50px; height:50px; }
	</style>
</head>
<body>
	<button onclick="setWidth()">setWidth</button>
	<div id="box" style="background-color:#CCC;"></div>
</body>
</html>
출력 결과: