본문 바로가기

Programming/Web

HTML/InnerHTML

반응형

http://div.or.kr/js-studying/%ED%83%9C%EA%B7%B8%20%EA%B0%9D%EC%B2%B4%20innerHTML%20%EC%86%8D%EC%84%B1


개요

각 객체에 있는 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>





반응형

'Programming > Web' 카테고리의 다른 글

HTML/DOM 과 BOM  (0) 2016.12.20