태그 객체의 속성

개요

태그 객체에는 속성을 주거나 가져올 수 있는데, 특히 style 속성을 조작시 태그의 모양을 변경 할 수 있다.

아래 코드는 stalker의 배경색을 blue로 설정한다.
var st = document.getElementById("stalker");
st.style.backgroundColor= "blue";

사용법

var box = document.getElementById("box");
box.style.backgroundColor = "red";

var inputText = document.getElementById("input-text");
inputText.value = "test";

예제

<html>
<head>
	<script type="text/javascript">
		function fillInput() {
			var inputText = document.getElementById("input-text");
			inputText.value = "dd";
		}
	</script>
</head>
<body>
	<input id="input-text" type="text" onclick="fillInput()">
</body>
</html>
출력 결과: