웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
javascript 출력(write, innerHTML) 본문
1. html 출력하기
document.write
예제 )
<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML 문서출력</title>
</head>
<body>
<script>
document.write("<h1>HTML 문서출력</h1>");
</script>
<p>
출력할때 해당 내용이 전체 문서를 덮어 쓰게되므로 주의 해야 한다.
</p>
</body>
</html>
2. 특정 돔 요소를 선택하여 출력하기
innerHTML
예제)
<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>출력하기</title>
</head>
<body>
<h1>돔 요소에 선택</h1>
<p id="write">
변경될 대상
</p>
<script>
document.getElementById("write").innerHTML="write라는 아이디를 가진 돔요소를 선택 하여 내용 변경";
</script>
</body>
</html>
'javascript > Tutorial' 카테고리의 다른 글
javascript 자료형 검사 typeof() (0) | 2013.10.30 |
---|---|
javascript 연산자 (0) | 2013.10.30 |
javascript data type (0) | 2013.10.25 |
javascript variable (변수) (0) | 2013.10.25 |
javascript 경고창 alert(); (0) | 2013.10.16 |