XML DOM ノード値を変更
nodeValue プロパティはノード値を変更するために使用されます。
setAttribute() メソッドは属性値を変更するために使用されます。
試してみる - 例
以下の例では XML ファイルを使用します。
関数loadXMLDoc()外部 JavaScript 内にあり、XML ファイルの読み込みに使用されます。
この例では、nodeValue プロパティを使用して、"books.xml" 内の最初の <title> 要素のテキストノードを変更します。
この例では、setAttribute() メソッドを使用して、最初の <book> の "category" 属性の値を変更します。
この例では、nodeValue プロパティを使用して、最初の <book> の "category" 属性の値を変更します。
要素の値を変更
DOM では、すべての構成要素はノードです。要素ノードにはテキスト値がありません。
要素ノードのテキストは子ノードに格納されます。このノードはテキストノードと呼ばれます。
要素のテキストを変更する方法は、この子ノード(テキストノード)の値を変更することです。
テキストノードの値を変更
nodeValue プロパティはテキストノードの値を変更するために使用できます。
次のコードスニペットは、最初の <title> 要素のテキストノード値を変更します:
例
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";
試してみる »
例の説明:
- 使用loadXMLDoc()「」を xmlDoc に読み込む
- 最初の <title> 要素のテキストノードを取得
- そのテキストノードのノード値を "Easy Cooking" に変更
すべての <title> 要素のテキストノードをループして変更します:
属性の値を変更
DOM では、属性もノードです。要素ノードとは異なり、属性ノードにはテキスト値があります。I
属性の値を変更する方法は、そのテキスト値を変更することです。
これは、setAttribute() メソッドまたは属性ノードの nodeValue プロパティを使用して行うことができます。
setAttribute() を使用して属性を変更
setAttribute() メソッドは、既存の属性の値を変更するか、新しい属性を作成します。
次のコードは、<book> 要素の category 属性を変更します:
例
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("category","food");
試してみる »
例の説明:
- 使用loadXMLDoc()「」を xmlDoc に読み込む
- 最初の <book> 要素を取得
- "category" 属性の値を "food" に変更
すべての <title> 要素をループし、新しい属性を追加します:
注意:属性が存在しない場合は、指定された名前と値を持つ新しい属性が作成されます。
nodeValue を使用して属性を変更
nodeValue プロパティは属性ノードの値を変更するために使用できます:
例
x=xmlDoc.getElementsByTagName("book")[0]
y=x.getAttributeNode("category");
y.nodeValue="food";
試してみる »
例の説明:
- 使用loadXMLDoc()「」を xmlDoc に読み込む
- 最初の <book> 要素の "category" 属性を取得
- その属性ノードの値を "food" に変更
その他の拡張