<!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" >
<head><title>DOM Demo</title>
<script type="text/javascript">
var diplayText;
function getChildNodes(node)
{
var nodeList = node.childNodes;
diplayText = "";
diplayText += "배열의 개수: " + nodeList.length + "<br/>";
diplayText += nodeList.item(1).nodeName + ": " +
nodeList.item(1).firstChild.nodeValue + "<br/>";
}
function getElementsByTagName(node)
{
var nodeList = node.getElementsByTagName("subject");
diplayText = "";
diplayText += "배열의 개수: " + nodeList.length + "<br/>";
diplayText += "세번째 점수: " + nodeList.item(2).firstChild.nodeValue + "<br/>";
}
function selectNodes(node)
{
var nodeList = node.selectNodes("/students/student");
diplayText = "";
diplayText += "배열의 개수: " + nodeList.length + "<br/>";
diplayText += "세번째 학생의 이름: " + nodeList.item(2).selectSingleNode("name").firstChild.nodeValue + "<br/>";
}
function student_info(dom, id)
{
var node = dom.selectSingleNode("/students/student[@id='" + id + "']");
var nodeList = node.childNodes;
var i;
diplayText = "";
for(i=0; i<nodeList.length; i++) {
diplayText += nodeList.item(i).nodeName + ": " +
nodeList.item(i).firstChild.nodeValue + "<br/>";
}
}
function getAttribute(dom)
{
var node = dom.documentElement.firstChild;
var oAttr = dom.createAttribute("jumin");
oAttr.nodeValue = "901231-1234567";
node.attributes.setNamedItem(oAttr);
alert(node.xml);
var nodeMap = node.attributes;
diplayText = "";
diplayText += "length: " + nodeMap.length + "<br/>";
diplayText += "id: " + nodeMap.getNamedItem("id").nodeValue + "<br/>";
diplayText += "jumin: " + nodeMap.getNamedItem("jumin").nodeValue + "<br/>";
}
function newStudent(dom, id)
{
var oNode;
oNode = dom.createElement("student");
var oAttr = dom.createAttribute("id");
oAttr.nodeValue = id;
oNode.attributes.setNamedItem(oAttr);
dom.documentElement.appendChild(oNode);
alert(oNode.getAttribute("id"));
oNode.setAttribute("jumin","9900909-1234567");
alert(oNode.getAttribute("jumin"));
diplayText = dom.xml;
}
function DOMTest()
{
var oDOM,oXSLT;
oDOM = new ActiveXObject("MSXML2.DOMDocument.6.0");
oXSLT = new ActiveXObject("MSXML2.DOMDocument.6.0");
oDOM.async = false;
oXSLT.async = false;
oDOM.load("students.xml");
oXSLT.load("student_list.xslt");
diplayText = oDOM.transformNode(oXSLT);
//our code will go here...
//var node = oDOM.selectSingleNode("/students/student[@id='01671238']");
//getChildNodes(node);
//getElementsByTagName(oDOM);
//selectNodes(oDOM);
//student_info(oDOM, "00671010");
//getAttribute(oDOM);
// newStudent(oDOM, "01671999");
document.getElementById("data").innerHTML = diplayText;
}
</script>
</head>
<body onload="DOMTest();" style="background-color:gold">
<p id="data" style="font-size:32pt; font-weight:bold; color:green"/>
</body>
</html>
Dom 폴더에 Student.xml 옮기고 난후 실행
'Study > XML' 카테고리의 다른 글
| xml 수업 예제 (0) | 2010/04/08 |
|---|---|
| xml 실습 (0) | 2010/03/17 |
| xml 실행화면 보기 & 실행화면 파일 만들기 명령프롬포트 명령어 (0) | 2010/03/17 |
