<목차로 돌아가기>
innerHTML의 기초
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
<title>inner HTML의 기본</title>
<script type="text/javascript">
function view() {
var p1 = document.getElementById("exam");
alert(p1.innerHTML);
}
</script>
</head>
<body>
<p id="exam">이 내용이 알림창에 출력 됩니다.</p>
<input type="button" value="보기" onclick="view()"/>
</body>
</html>
1초마다 시간 출력하기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
<title>시계</title>
<script type="text/javascript">
function printTime() {
var clock = document.getElementById("clock");
var time = new Date();
clock.innerHTML =
time.getFullYear() + "년 "+
(time.getMonth()+1) + "월 "+
time.getDate() +"일 "+
time.getHours() +"시 "+
time.getMinutes() +"분 "+
time.getSeconds() +"초";
setTimeout("printTime()", 1000);
}
window.onload = function() {
printTime();
}
</script>
</head>
<body>
현재 시간은 <span id="clock"></span> 입니다.
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
<title>시계</title>
<script type="text/javascript">
function printTime() {
var clock = document.getElementById("clock");
var time = new Date();
clock.innerHTML =
time.getFullYear() + "년 "+
(time.getMonth()+1) + "월 "+
time.getDate() +"일 "+
time.getHours() +"시 "+
time.getMinutes() +"분 "+
time.getSeconds() +"초";
setTimeout("printTime()", 1000);
}
window.onload = function() {
printTime();
}
</script>
</head>
<body>
현재 시간은 <span id="clock"></span> 입니다.
</body>
</html>
innerHTML을 활용한 ajax
병아리.zip반응형
'웹프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery-선택자1 (0) | 2016.03.24 |
|---|---|
| jQuery의 개념 및 기초예제 (0) | 2016.03.24 |
| jQuery 설치환경 구성하기 (0) | 2016.03.24 |
| 동기와 비동기 (0) | 2011.05.05 |
| Ajax-Ajax란? (0) | 2011.04.25 |