XML DOM firstChild 属性
❮ Element 元素对象
实例
以下代码片段将"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 x, i, txt, firstNode, xmlDoc;
xmlDoc = xml.responseXML;
x = xmlDoc.documentElement;
txt = "";
firstNode = get_firstchild(x);
for (i = 0; i < firstNode.childNodes.length; i++) {
if (firstNode.childNodes[i].nodeType == 1) {
//Process only element nodes
txt += firstNode.childNodes[i].nodeName +
" = " +
firstNode.childNodes[i].childNodes[0].nodeValue + "<br>";
}
}
document.getElementById("demo").innerHTML
= txt;
}
上述代码的输出为:
title = Everyday Italian
author = Giada De Laurentiis
year = 2005
price = 30.00
亲自试一试 »
定义和用法
firstChild 属性返回被选节点的第一个子节点。
如果选定的节点没有子节点,则该属性返回 NULL。
语法
elementNode.firstChild
提示和注释
注释: Firefox和大多数其他浏览器将空白或新行视为文本节点,而Internet Explorer则不会。因此,在下面的实例中,我们有一个函数检查第一个子节点的节点类型。
元素节点的节点类型是 1,因此假如第一个子节点不是元素节点,则移动到下一个节点,并检测该节点是否是元素节点。这个过程一直持续到找到第一个子节点为止。这种方法可以确保在 Internet Explorer 和 Mozilla 都获得正确的结果。
提示: 要了解更多关于浏览器之间差异的信息,请访问DOM Browsers 章节。
❮ Element 元素对象