XML DOM firstChild 属性

定义和用法

firstChild 属性返回被选节点的第一个子节点。

如果选定的节点没有子节点,则该属性返回 NULL。

语法:

  1. elementNode.firstChild

提示和注释

注释:Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozilla 不这么做。因此,在下面的例子中,我们用一个函数来检测第一个子节点的节点类型。

元素节点的节点类型是 1,因此假如第一个子节点不是元素节点,则移动到下一个节点,并检测该节点是否是元素节点。这个过程一直持续到找到第一个子节点为止。这种方法可以确保在 Internet Explorer 和 Mozilla 都获得正确的结果。

如需更多有关 IE 与 Mozilla 浏览器差异的内容,请访问 XML DOM 教程中的 DOM 浏览器 这一节。

实例

在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()

下面的代码片段从 "books.xml" 中获取第一个子节点:

  1. //check if the first node is an element node
  2. function get_firstchild(n)
  3. {
  4. var x=n.firstChild;
  5. while (x.nodeType!=1)
  6. {
  7. x=x.nextSibling;
  8. }
  9. return x;
  10. }
  11.  
  12. xmlDoc=loadXMLDoc("books.xml");
  13.  
  14. var x=xmlDoc.documentElement;
  15. var firstNode=get_firstchild(x);
  16.  
  17. for (var i=0;i<firstNode.childNodes.length;i++)
  18. {
  19. if (firstNode.childNodes[i].nodeType==1)
  20. {
  21. //Process only element nodes
  22. document.write(firstNode.childNodes[i].nodeName);
  23. document.write(" = ");
  24. document.write(firstNode.childNodes[i].childNodes[0].nodeValue);
  25. document.write("<br />");
  26. }
  27. }

以上代码的输出:

  1. title = Everyday Italian
  2. author = Giada De Laurentiis
  3. year = 2005
  4. price = 30.00