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>

Posted by 준콩ol 준콩ol

댓글을 달아 주세요

  1. 안녕하세요 2014.06.13 15:08  댓글주소  수정/삭제  댓글쓰기

    담아갈게요~