최신 웹 개발 튜토리얼
 

XML DOM은 노드의 값을 가져 오기


nodeValue를 속성은 노드의 텍스트 값을 가져 오는 데 사용됩니다.

getAttribute() 메소드는 속성의 값을 반환합니다.

×

머리글


요소의 값을 가져 오기

DOM을에서, 모든 노드입니다. 요소 노드는 텍스트 값을 갖지 않는다.

요소 노드의 텍스트 값이 자식 노드에 저장된다. 이 노드는 텍스트 노드라고합니다.

요소의 텍스트 값을 검색하려면, 요소 텍스트 노드의 값을 검색한다.


getElementsByTagName 방법

getElementsByTagName() 가 소스 문서에 나타나는 방법은 동일한 순서로, 지정된 태그 이름, 모든 요소의 노드리스트를 반환한다.

가정 " Books.xml을은 "해당 xmldoc에로드되었습니다.

이 코드는 먼저 검색 <title> 요소를 :

var x = xmlDoc.getElementsByTagName("title")[0];

childNodes에 등록

childNodes에 속성은 요소의 자식 노드의 목록을 반환합니다.

다음 코드는 최초의 텍스트 노드 검색 <title> 요소를 :

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];

nodeValue를 부동산

nodeValue를 속성은 텍스트 노드의 텍스트 값을 반환합니다.

다음 코드는 첫 번째의 텍스트 노드의 텍스트 값 검색 <title> 요소 :

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;

Z에 있습니다 END_STRONG_1 : "Everyday Italian"


전체 예

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName('title')[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML = y.nodeValue;
}
</script>

</body>
</html>
»그것을 자신을 시도

모든 통해 루프 <title> 요소 : 그것을 자신을 시도


속성 값 가져 오기

에서 DOM, 속성 노드입니다. 요소 노드는 달리, 노드 속성은 텍스트 값을 갖는다.

속성의 값을 취득하는 방법은, 그 텍스트 값을 얻는 것입니다.

이것은 사용하여 수행 할 수 있습니다 getAttribute() 메서드 또는 속성 노드의 nodeValue를 속성을 사용하여.


- 속성 값 가져 오기 getAttribute()

getAttribute() 메서드는 반환 attribute's value .

다음 코드는 텍스트 값 검색 "lang" 최초의 속성 <title> 요소를 :

x = xmlDoc.getElementsByTagName("title")[0];
txt = x.getAttribute("lang");
»그것을 자신을 시도

TXT의 결과 : "en"

모든 통해 루프 <book> 요소와 그들의 얻을 "category" 속성 : 그것을 자신을 시도


속성 값을 가져 오기 - getAttributeNode()

getAttributeNode() 메서드는 반환 attribute node .

다음 코드는 텍스트 값 검색 "lang" 최초의 속성 <title> 요소를 :

x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;
»그것을 자신을 시도

TXT의 결과 = "en"

모든 통해 루프 <book> 요소와 그들의 얻을 "category" 속성 : 그것을 자신을 시도