XML의 손쉬운 DOM 해석

 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다.

responseXML로 받은 다음 DOM으로부터 데이터를 뽑아 내는 데에는 여러 가지 방법이 있습니다만, 아래 예제는 크로스 브라우저로 안정적으로 동작하는 "태그 이름으로 검색하여 해당 태그의 firstChild에 대해 nodeValue를 얻어 낸다"라는 방법을 쓰고 있습니다.

만약, XML 안에 "value"이라는 태그가 있어서 다음과 같이 쓰여져 있으면, 아래와 같은 방법으로 얻어 냅니다.

XML

<value>test</value>

JavaScript

//수신
xdoc = oj.responseXML;
//XML 안에 "value"라는 이름의 태그(요소) 배열을 만든다
var value = xdoc.getElementByTagName("value")
//배열의 0번째(즉 최초의 태그) 안에 있는 최초의 노드 값
var value1 = data.values[0].firstChild.nodeValue

이렇게 하면, 변수 value1에는 test라는 값이 들어갑니다. 또한, 속성 값을 얻어 내고 싶은 경우는 다음의 getAttribute()를 사용합니다.

XML

<value id="testID">test</value>

JavaScript

//수신
xdoc = oj.responseXML;
//XML 안에 "value"라는 이름의 태그(요소) 배열을 만든다
var value = xdoc.getElementByTagName("value")
//배열의 0번째(즉 최초의 태그) 안에 있는 최초의 노드 값
var value1 = data.values[0].getAttribute("id")