태그 객체 innerHTML 속성

개요

각 객체에 있는 innerHTML 속성은 태그 내부값을 읽고, 설정할 수 있다.

사용법

document.getElementById("in_test").innerHTML = "Hello World";

예제

<html>
<head>
	<script type= "text/javascript">
		function changeValue(){
			var divTest = document.getElementById("test");
			divTest.innerHTML = "<b><font color='red'>값이 바뀜</font></b>";
		}
	</script>
</head>
<body>
	<div id="test">버튼을 눌러봐~~~</div>
	<button onClick="changeValue()">날 클릭하시오</button>
</body>
</html>
출력 결과:
버튼을 눌러봐~~~