웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

javascript 출력(write, innerHTML) 본문

javascript/Tutorial

javascript 출력(write, innerHTML)

jokack01 2013. 10. 16. 16:51

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