이준빈은 호박머리

IT 프로그래밍 개발 정보 블로그, 이준빈은 호박머리 입니다.

Language/JavaScript

[자바스크립트,javascript] innerHTML 사용 방법

준콩이 2013. 1. 22. 16:59
반응형

innerHTML 사용 방법입니다.

body태그 안에서 div로 innerHTML을 적용할 영역을 지정하고.

버튼 클릭 시 지정한 영역에 HTML 코드를 삽입하는 소스입니다.




<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

<!--

function testInnerHTML(){

var str = "";

str +=  "<table>";

str +=  "<tr>";

str +=  "<td>";

str +=  "HTML 태그를 삽입할 수 있습니다.";

str +=  "</td>";

str +=  "</tr>";

str +=  "</table>";

document.getElementById("inHere").innerHTML = str;

}

//-->

</script>

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

<td width="100%">

 <input type="button" name="btn" value="클릭 시 innerHTML 출력" onclick="javascript:testInnerHTML();">

 <div id="inHere"></div>

</td>

  </tr>

</table>

</body>

</html>

반응형