XML DOM firstChild 속성
❮ 노드 객체
예시
다음 코드 조각은 " books.xml "을 xmlDoc에 로드하고 첫 번째 자식 노드의 노드 이름을 표시합니다.
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// Check if the first node is an element node
function get_firstchild(n)
{
var x = n.firstChild;
while (x.nodeType
!= 1) {
x = x.nextSibling;
}
return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = get_firstchild(xmlDoc);
document.getElementById("demo").innerHTML =
"Nodename:
" + x.nodeName +
" (nodetype: " + x.nodeType + ")<br>";
}
위 코드의 출력은 다음과 같습니다.
Nodename: bookstore (nodetype: 1)
정의 및 사용
firstChild 속성은 지정된 노드의 첫 번째 자식 노드를 반환합니다.
통사론
nodeObject.firstChild
팁 및 참고 사항
참고: Firefox 및 대부분의 다른 브라우저는 빈 공백이나 새 줄을 텍스트 노드로 처리하지만 Internet Explorer는 처리하지 않습니다. 그래서 아래 예에서는 첫 번째 자식 노드의 노드 유형을 확인하는 함수가 있습니다.
요소 노드의 nodeType은 1이므로 첫 번째 자식 노드가 요소 노드가 아니면 다음 노드로 이동하여 이 노드가 요소 노드인지 확인합니다. 이것은 첫 번째 자식 노드(요소 노드여야 함)를 찾을 때까지 계속됩니다. 이렇게 하면 모든 브라우저에서 결과가 정확합니다.
팁: 브라우저 간의 차이점에 대해 자세히 알아보려면 XML DOM 자습서 의 DOM 브라우저 장을 방문하세요.
직접 체험해볼 수 있는 데모
❮ 노드 객체