| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
- C/C++
- 명사 뽑아내기
- Node.js
- 나의 취미
- docker
- express for node.js
- iBatis
- ejb
- 명사 분석기
- flex3
- 메일왕창보내는법
- scala
- rss
- Lift
- php
- node.js web framework
- 주식이야기
- Cross
- 도커
- 베트남어
- nodejs express
- 명사 추출기
- 디즈니씨
- Eclipse
- ajax
- php thumbnail
- 책이야기
- 스킨 스쿠버
- 나의 프로젝트
- ror실행
- Today
- Total
nkdk의 세상
JS :: 태그연습장 본문
innerHTML
Document.all에 포함되어 있는 innerHTML속성은 현재 태그를 그대로 유지한 채로 태그 문자열을 추가하기 위해서 사용됩니다.
Document.write메서드는 현재 페이지에 태그를 포함한 문자열을 출력하기 위해서 사용되지만, 기존 html페이지 내용을 그대로 유지하지 못합니다. 그러나 innerHTML속성은 기존html페이지 내용을 유지하고 추가하여 태그를 포함한 문자열을 출력해 줍니다.
|형식|
태그ID이름.innerHTML = 태그를 포함하는 문자열;
Document.all.dsp_html.innerHTML = 태그를 포함하는 문자열;
|예제|
dsp_html.innerHTML = "<b>달걀</b>";
Document.all.dsp_html.innerHTML = "<b>달걀</b>";
All객체의 innerHTML관련속성
- outerHTML : 전체 태그에 HTML을 허용하는 문자열을 추가합니다.
- innerText : 해당태그 안에 문자열을 삽입. innerHTML속성과 달리 태그는 적용되지 않습니다.
- outerText : 전체 태그에 문자열을 추가합니다. HTML은 적용되지 않습니다.
all객체는 innerHTML속성을 포함하고 있지만 Document.all을 생략해도 익스플로러는 정상적으로 수행하므로 일반적으로 생략하여 사용됩니다.
<html>
<script language="JavaScript">
<!--function viewPage() {
var html_src = frm1.edit.value;
dsp_html.innerHTML = html_src;
return true;
}function clearText() {
frm1.edit.value="";
frm1.edit.focus();
return true;
}// -->
</script>
<body onload="frm1.edit.focus();">
<form name="frm1"><input type="button" value="실행" onClick="viewPage()">
<input type="button" value="지우기" onClick="clearText()">
<br><br><textarea name="edit" rows=8 cols=40></textarea>
<br>
<hr>[실행결과]<hr>
<div id="dsp_html"></div></form>
</body>
</html>