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 ブラウザ このセクション。