XML DOM lastChild 속성
❮ 노드 객체
예시
다음 코드 조각은 " 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 last node is an
element node
function get_lastchild(n) {
var x = n.lastChild;
while (x.nodeType != 1) {
x = x.previousSibling;
}
return
x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = get_lastchild(xmlDoc);
document.getElementById("demo").innerHTML
=
"Nodename: " + x.nodeName +
"
(nodetype: " + x.nodeType + ")<br>";
}
위 코드의 출력은 다음과 같습니다.
Nodename: bookstore (nodetype: 1)
정의 및 사용
lastChild 속성은 지정된 노드의 마지막 자식 노드를 반환합니다.
통사론
nodeObject.lastChild
팁 및 참고 사항
참고: Firefox 및 대부분의 다른 브라우저는 빈 공백이나 새 줄을 텍스트 노드로 처리하지만 Internet Explorer는 처리하지 않습니다. 그래서 아래 예제에는 마지막 자식 노드의 노드 유형을 확인하는 함수가 있습니다.
요소 노드의 nodeType은 1이므로 마지막 자식 노드가 요소 노드가 아닌 경우 이전 노드로 이동하여 이 노드가 요소 노드인지 확인합니다. 이것은 마지막 자식 노드(요소 노드여야 함)를 찾을 때까지 계속됩니다. 이렇게 하면 모든 브라우저에서 결과가 정확합니다.
팁: 브라우저 간의 차이점에 대해 자세히 알아보려면 XML DOM 자습서 의 DOM 브라우저 장을 방문하세요.
직접 체험해볼 수 있는 데모
❮ 노드 객체