©TCP-tryWWW

<!DOCTYPE html>
<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) {
					findLastChild(xmlHttp);
				}
			};
			xmlHttp.open("GET", "/examples/media/programming_languages.xml", true);
			xmlHttp.send();
		}

		function findLastChild(xmlHttp) {
			var xmlObj, documentNode, lastNode;
			xmlObj = xmlHttp.responseXML;				// 요청한 데이터를 XML DOM 객체로 반환함.
			documentNode = xmlObj.documentElement;		// XML 문서 노드를 반환함.
			lastNode = documentNode.lastChild;			// XML 문서 노드의 마지막 자식 노드를 반환함.
			if(lastNode.nodeType != 1) {				// 마지막 자식 노드가 요소 노드가 아니면,
				lastNode = lastNode.previousSibling;	// 현재 마지막 노드의 바로 앞 노드를 반환함.
			}
			document.getElementById("text").innerHTML = "XML 문서 노드의 맨 마지막 자식 요소 노드는 " + 
			lastNode.childNodes[1].firstChild.nodeValue + "입니다.";
		}
	</script>
</head>

<body>

	<h1>노드 간의 관계를 이용하여 접근하는 방법</h1>
	<button onclick="loadDoc()">노드 접근하기!</button>
	<p id="text"></p>
	
</body>

</html>