ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

XML DOM firstChild プロパティ


Element Object Reference Element オブジェクト

定義と用法

firstChild プロパティは、選択した要素の最初の子ノードを返します。

選択したノードに子ノードがなければ、このプロパティは NULL を返します。

構文

elementNode.firstChild
 

チップスと注

注: Firefox、および他のほとんどのブラウザは、空白または改行をテキストノードとみなしますが、 Internet Explorer はテキストノードとみなしません。 そのため、次の例には、最初の子ノードのノードタイプをチェックする機能を持たせています。

要素ノードは、nodeType が 1 です。最初の子ノードが要素ノードでなければ次のノードに移動し、 このノードが要素ノードであるかどうかをチェックします。 これは、最初の子ノード(要素ノードでなければなりません)が見つかるまで続きます。 この方法により、結果はすべてのブラウザで同じになります。

チップ: ブラウザ間の違いの詳細は、XML DOM チュートリアルの DOM ブラウザ 章を参照してください。


次のコードは、loadXMLDoc() を使用して xmlDoc に "books.xml" をロードし、 最初の子ノードを取得します:

//check if the first node is an element node
function get_firstchild(n)
{
x=n.firstChild;
while (x.nodeType!=1)
  {
  x=x.nextSibling;
  }
return x;
}

xmlDoc=loadXMLDoc("books.xml");

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

for (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

試してください »

Element Object Reference Element オブジェクト