XML DOM チュートリアル

DOM ホーム
DOM はじめに
DOM ノード
DOM ノード木
DOM 構文解析
DOM ロード関数
DOM メソッド
DOM アクセス
DOM ノード情報
DOM ノードリスト
DOM トラバース
DOM ブラウザ
DOM ナビゲート

ノードの操作

DOM 値の取得
DOM ノードの変更
DOM ノードの削除
DOM ノードの置換
DOM ノードの作成
DOM ノードの追加
DOM ノードのクローン
DOM HttpRequest

XML DOM リファレンス

DOM Node Types
DOM Node
DOM NodeList
DOM NamedNodeMap
DOM Document
DOM DocumentImpl
DOM DocumentType
DOM ProcessingInstr
DOM Element
DOM Attribute
DOM Text
DOM CDATA
DOM Comment
DOM HttpRequest
DOM ParseError Obj
DOM Parser Errors

DOM まとめ

XML DOM 例

DOM 例
DOM Validator

XML DOM appendChild() メソッド

Element オブジェクト

定義と用法

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

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

構文

appendChild(node)

パラメータ	説明
node	必須。追加するノード

例 1

次のコードは、loadXMLDoc() を使用して xmlDoc に "books.xml" をロードし、要素 (<edition>) を作成し、最初の <book> 要素の最後の子の後ろに追加します:

例

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

document.write(x.getElementsByTagName("edition")[0].nodeName);

出力:

edition

試してください »

例 2

次のコードは、loadXMLDoc() を使用して xmlDoc に "books.xml" をロードし、全 <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);
}

//Output all titles and editions
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}

出力:

Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First

試してください »

Element オブジェクト