XML DOM チュートリアルlogin
XML DOM チュートリアル
著者:php.cn  更新時間:2022-04-13 15:27:56

DOMノード情報


XML DOM ノード情報


nodeName、nodeValue、nodeType 属性には、ノードに関する情報が含まれています。


tryitimg.gif試してみる試してみる -


以下の例では、XML ファイルbooks.xml を使用します。
外部 JavaScript にある関数loadXMLDoc()は、XML ファイルをロードするために使用されます。

要素nodeのノード名を取得する
この例では、nodeName属性を使用して、「books.xml」のルート要素のノード名を取得します。

テキスト ノードからテキストを取得する
この例では、nodeValue 属性を使用して、「books.xml」の最初の <title> 要素のテキストを取得します。

テキスト ノードのテキストを変更する
この例では、nodeValue 属性を使用して、「books.xml」の最初の <title> 要素のテキストを変更します。

要素nodeのノード名とタイプを取得する
この例では、nodeName属性とnodeType属性を使用して、「books.xml」内のルート要素のノード名とタイプを取得します。


ノードの属性

XML DOM では、各ノードは オブジェクト です。

オブジェクトにはメソッドとプロパティがあり、JavaScript を通じてアクセスして操作できます。

3 つの重要なノード属性は次のとおりです:

  • nodeName

  • nodeValue

  • nodeType


nodeName 属性

nodeName 属性はノードの名前を指定します。

  • nodeNameは読み取り専用です

  • 要素ノードのnodeNameはラベル名と同じです

  • 属性ノードのnodeNameは属性の名前です

  • 要素ノードのnodeNameは、 text ノードは常に #text

  • Document です。ノードの nodeName は常に #document


nodeValue 属性

nodeValue 属性はノードの値を指定します。

  • 要素ノードのnodeValueは未定義です

  • テキストノードのnodeValueはテキストそのものです

  • 属性ノードのnodeValueは属性の値です


インスタンス

<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>

<script>
xmlDoc=loadXMLDoc("books.xml");

document.write(xmlDoc.documentElement.nodeName);
</script>
</body>
</html>

インスタンスの実行 »

オンラインの例を表示するには、[例の実行] ボタンをクリックしてください


要素の値を取得します

次のコードは、最初の < のテキスト ノードの値を取得します。 ;title> 要素:

<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>

<script>
xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>

インスタンスの実行»

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

結果: txt = "Everyday Italian"

例の説明:

  1. loadXMLDoc()を使用して「books.xml」をxmlDocにロードします

  2. 最初の<title>要素ノードのテキストノードを取得します

  3. txt 変数をテキスト ノードの値に設定します


要素の値を変更します

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

<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>

<script>
xmlDoc=loadXMLDoc("books.xml");

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

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>

サンプルの実行»
オンラインサンプルを表示するには、「サンプルの実行」ボタンをクリックしてください
サンプルの説明:

loadXMLDoc()を使用して、「books.xml」をxmlDocにロードします

  1. 要素ノードの最初の<title> ;テキストノードを取得します

  2. テキストノードの値を「Easy Cooking」に変更します

  3. nodeType属性
nodeType属性はノードの種類を指定します。

nodeType は読み取り専用です。

最も重要なノード タイプは次のとおりです:

NodeTypeNodeType123 8 documentationrunインスタンス»slick "run instance"ボタンをオンラインインスタンスを表示して表示します
Element
Attributes
テキスト
メモ
9
Instancerreee