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();
// 检查第一个节点是否为元素节点
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) {
// 只处理元素节点
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 不会。因此，在下面的示例中，我们有一个函数来检查第一个子节点的节点类型。
元素节点的 nodeType 为 1，因此如果第一个子节点不是元素节点，它将移动到下一个节点，并检查该节点是否为元素节点。此操作将持续进行，直到找到第一个子节点（它必须是元素节点）。这样，结果在所有浏览器中都将是正确的。
提示: 要详细了解浏览器之间的差异，请访问我们 XML DOM 教程中的 DOM 浏览器 章节。
❮ 元素对象
