<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var string;
function readxml() {
xmldoc = new ActiveXObject("Microsoft.XMLDOM");
xmldoc.async = false;
xmldoc.load("poem.xml");
}
function poemAll() {
string = "";
var poem_node = xmldoc.documentElement.firstChild;
while (poem_node)
{
makeTable(poem_node);
poem_node = poem_node.nextSibling;
}
poem.innerHTML = string;
}
function poemYDJ() {
// 직접 구현해보세요
}
function poemKSY() {
// 직접 구현해보세요
}
function makeTable(poem_node) {
string += "<table border='1'><tr><td>";
attribute = poem_node.getAttributeNode("poet");
poet = attribute.value;
string += poet + "</td></tr><tr><td>";
string += poem_node.text + "</td></tr></table>";
}
//-->
</SCRIPT>
<BODY onload="readxml()">
<h1>시집</h1>
<form>
<input type="button" value="전체보기" onclick="poemAll()" >
<input type="button" value="윤동주" onclick="poemYDJ()" >
<input type="button" value="김소월" onclick="poemKSY()" >
</form>
<hr>
<div id="poem"></div>
</BODY>
</HTML>
'자바 스크립트' 카테고리의 다른 글
| jQuery #2 (0) | 2012.05.22 |
|---|---|
| JQuery Hello World (0) | 2012.05.21 |
| 종합예제-시집 만들기 (0) | 2009.06.22 |
| firstChild를 이용한 방법 (0) | 2009.06.22 |
| DOM-속성사용하기 (0) | 2009.06.19 |