<html lang="ko">
<head>
<meta charset="UTF-8">
<title>XML Node</title>
<script>
function loadDoc() {
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if(this.status == 200 && this.readyState == this.DONE) {
createNode(xmlHttp);
}
};
xmlHttp.open("GET", "/examples/media/programming_languages.xml", true);
xmlHttp.send();
}
function createNode(xmlHttp) {
var xmlObj, versionElement, newNode, newAttrNode;
xmlObj = xmlHttp.responseXML; // 요청한 데이터를 XML DOM 객체로 반환함.
versionElement = xmlObj.getElementsByTagName("version")[3]; // 네 번째 <version>요소를 반환함.
newAttrNode = xmlObj.createAttribute("anotherVersion"); // 새로운 anotherVersion 속성 노드를 생성함.
newAttrNode.nodeValue = "2.7.12"; // 새로운 속성 노드에 속성값을 설정함.
versionElement.setAttributeNode(newAttrNode); // 네 번째 <version>요소에 새로운 속성 노드를 추가함.
document.getElementById("text").innerHTML =
"another version : " + versionElement.getAttribute("anotherVersion");
}
</script>
</head>
<body>
<h1>노드의 생성</h1>
<button onclick="loadDoc()">속성 노드 생성!</button>
<p id="text"></p>
</body>
</html>