定義和用法

firstChild 屬性返回被選節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)。

如果選定的節(jié)點(diǎn)沒(méi)有子節(jié)點(diǎn)，則該屬性返回 NULL。

語(yǔ)法：

elementNode.firstChild

提示和注釋

注釋：Internet Explorer 會(huì)忽略節(jié)點(diǎn)之間生成的空白文本節(jié)點(diǎn)（比如換行字符），而 Mozilla 不這么做。因此，在下面的例子中，我們用一個(gè)函數(shù)來(lái)檢測(cè)第一個(gè)子節(jié)點(diǎn)的節(jié)點(diǎn)類型。

元素節(jié)點(diǎn)的節(jié)點(diǎn)類型是 1，因此假如第一個(gè)子節(jié)點(diǎn)不是元素節(jié)點(diǎn)，則移動(dòng)到下一個(gè)節(jié)點(diǎn)，并檢測(cè)該節(jié)點(diǎn)是否是元素節(jié)點(diǎn)。這個(gè)過(guò)程一直持續(xù)到找到第一個(gè)子節(jié)點(diǎn)為止。這種方法可以確保在 Internet Explorer 和 Mozilla 都獲得正確的結(jié)果。

如需更多有關(guān) IE 與 Mozilla 瀏覽器差異的內(nèi)容，請(qǐng)?jiān)L問(wèn) W3School 的 XML DOM 教程中的 DOM 瀏覽器 這一節(jié)。

實(shí)例

在所有的例子中，我們將使用 XML 文件 books.xml，以及 JavaScript 函數(shù) loadXMLDoc()。

下面的代碼片段從 "books.xml" 中獲取第一個(gè)子節(jié)點(diǎn)：

//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;
}

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.documentElement;
var firstNode=get_firstchild(x);

for (var i=0;i<firstNode.childNodes.length;i++)
{ 
  if (firstNode.childNodes[i].nodeType==1)
  { 
  //Process only element nodes
  document.write(firstNode.childNodes[i].nodeName);
  document.write(" = ");
  document.write(firstNode.childNodes[i].childNodes[0].nodeValue);
  document.write("<br />");
  } 
}

以上代碼的輸出：

title = Everyday Italian
author = Giada De Laurentiis
year = 2005
price = 30.00