XML DOM ノード値を変更


nodeValue プロパティはノード値を変更するために使用されます。

setAttribute() メソッドは属性値を変更するために使用されます。


实例

試してみる - 例

以下の例では XML ファイルを使用します。
関数loadXMLDoc()外部 JavaScript 内にあり、XML ファイルの読み込みに使用されます。


この例では、nodeValue プロパティを使用して、"books.xml" 内の最初の <title> 要素のテキストノードを変更します。


この例では、setAttribute() メソッドを使用して、最初の <book> の "category" 属性の値を変更します。


この例では、nodeValue プロパティを使用して、最初の <book> の "category" 属性の値を変更します。


要素の値を変更

DOM では、すべての構成要素はノードです。要素ノードにはテキスト値がありません。

要素ノードのテキストは子ノードに格納されます。このノードはテキストノードと呼ばれます。

要素のテキストを変更する方法は、この子ノード(テキストノード)の値を変更することです。


テキストノードの値を変更

nodeValue プロパティはテキストノードの値を変更するために使用できます。

次のコードスニペットは、最初の <title> 要素のテキストノード値を変更します:

例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

試してみる »

例の説明:

  1. 使用loadXMLDoc()「」を xmlDoc に読み込む
  2. 最初の <title> 要素のテキストノードを取得
  3. そのテキストノードのノード値を "Easy Cooking" に変更

すべての <title> 要素のテキストノードをループして変更します:


属性の値を変更

DOM では、属性もノードです。要素ノードとは異なり、属性ノードにはテキスト値があります。I

属性の値を変更する方法は、そのテキスト値を変更することです。

これは、setAttribute() メソッドまたは属性ノードの nodeValue プロパティを使用して行うことができます。


setAttribute() を使用して属性を変更

setAttribute() メソッドは、既存の属性の値を変更するか、新しい属性を作成します。

次のコードは、<book> 要素の category 属性を変更します:

例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("category","food");

試してみる »

例の説明:

  1. 使用loadXMLDoc()「」を xmlDoc に読み込む
  2. 最初の <book> 要素を取得
  3. "category" 属性の値を "food" に変更

すべての <title> 要素をループし、新しい属性を追加します:

注意:属性が存在しない場合は、指定された名前と値を持つ新しい属性が作成されます。


nodeValue を使用して属性を変更

nodeValue プロパティは属性ノードの値を変更するために使用できます:

例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book")[0]
y=x.getAttributeNode("category");
y.nodeValue="food";

試してみる »

例の説明:

  1. 使用loadXMLDoc()「」を xmlDoc に読み込む
  2. 最初の <book> 要素の "category" 属性を取得
  3. その属性ノードの値を "food" に変更

その他の拡張