XML DOM appendChild() メソッド

定義と使用法

appendChild() メソッドは指定された要素ノードの最後の子ノードの後にノードを追加します。

このメソッドは新しい子ノードを返します。

文法:

appendChild(node)
パラメータ 説明
node 追加する必要なノード。

すべての例では、以下のXMLファイルを使用します: books.xml、およびJavaScript関数 loadXMLDoc()

以下のコードスニペットは、最初の <book> 要素にノードを追加し、最初の <book> 要素のすべての子ノードを出力します:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
var newel,newtext;
for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}
//すべてのタイトルと版を输出
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - 版: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}

上記のコードの出力:

Everyday Italian - 版:第1版
Harry Potter - 版:第1版
XQuery Kick Start - 版:第1版
Learning XML - 版:第1版

注記:Internet Explorerは、ノード間に生成される空白テキストノード(例えば、改行文字)を無視しますが、Mozillaはそうではありません。したがって、上記の例では、要素ノード(要素ノードのnodeTypeが1)のみを処理します。

IE と Mozilla ブラウザの違いに関するさらに多くの情報が必要な場合は、CodeW3C.comのXML DOMガイドを訪れてください。 DOM ブラウザ このセクション。