반응형
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>
반응형
'Language > JavaScript' 카테고리의 다른 글
| 자바스크립트 확인/취소 창(javascript confirm) (4) | 2013.03.12 |
|---|---|
| 자바스크립트(javascript) 팝업창 띄우는 방법(팝업 옵션 설정방법) (9) | 2013.03.08 |
| 자바스크립트(javascript) 파일업로드 이미지 미리보기 (0) | 2013.03.08 |
| 자바스크립트(javascript) XMLHTTP 크롬에서 오류 발생 (0) | 2013.02.01 |
| [자바스크립트,javascript] 디버깅(debugging) 방법 (1) | 2013.01.22 |
| Javascript 아작스(XMLHTTP) (0) | 2013.01.22 |
| 접속 기기/브라우저 정보 추출(navigator.userAgent) (0) | 2012.12.11 |
| 자바스크립트(javascript) css 난독화 (0) | 2012.11.22 |
| 로컬 스토리지(localStorage) (0) | 2012.10.10 |
| 자바스크립트를 사용한 차트, 그래프 사용하기 (2) | 2012.10.10 |