XMLチュートリアル

XMLホーム XMLの紹介 XML使用方法 XMLツリー XML構文 XML要素 XML属性 XML名前空間 XML表示 XML HttpRequest XMLパーサー XML DOM XML XPath XML XSLT XML XQuery XML XLink XMLバリデーター XML DTD XMLスキーマ XMLサーバー XMLの例 XMLクイズ XML証明書

XML AJAX

AJAXの紹介 AJAX XMLHttp AJAXリクエスト AJAX応答 AJAXXMLファイル AJAX PHP AJAX ASP AJAXデータベース AJAXアプリケーション AJAXの例

XML DOM

DOMの紹介 DOMノード DOMアクセス DOMノード情報 DOMノードリスト DOMトラバース DOMナビゲーション DOMは値を取得します DOM変更ノード DOM削除ノード DOM置換ノード DOM作成ノード DOM追加ノード DOMクローンノード DOMの例

XPathチュートリアル

XPathの概要 XPathノード XPath構文 XPath軸 XPath演算子 XPathの例

XSLTチュートリアル

XSLTの紹介 XSL言語 XSLT変換 XSLT <テンプレート> XSLT <値> XSLT <for-each> XSLT <ソート> XSLT <if> XSLT <選択> XSLT適用 クライアント上のXSLT サーバー上のXSLT XSLT Edit XML XSLTの例

XQueryチュートリアル

XQueryの紹介 XQueryの例 XQuery FLWOR XQuery HTML XQueryの用語 XQuery構文 XQuery追加 XQuery Select XQuery関数

XML DTD

DTDの紹介 DTDビルディングブロック DTD要素 DTD属性 DTD要素と属性 DTDエンティティ DTDの例

XSDスキーマ

XSDの概要 XSDハウツー XSD <スキーマ> XSD要素 XSD属性 XSDの制限

XSDコンプレックス

XSD要素 XSDが空です XSD要素のみ XSDテキストのみ XSD混合 XSDインジケーター XSD <任意> XSD <anyAttribute> XSD置換 XSDの例

XSDデータ

XSD文字列 XSD日付 XSD数値 XSDその他 XSDリファレンス

Webサービス

XMLサービス XML WSDL XML SOAP XML RDF XML RSS

参考文献

DOMノードタイプ DOMノード DOM NodeList DOM NamedNodeMap DOMドキュメント DOM要素 DOM属性 DOMテキスト DOM CDATA DOMコメント DOM XMLHttpRequest DOMパーサー XSLT要素 XSLT / XPath関数

XMLDOMはノード値を取得します


nodeValueプロパティは、ノードのテキスト値を取得するために使用されます。

getAttribute()メソッドは、属性の値を返します。

××

ヘッダ


要素の値を取得する

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

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

要素のテキスト値を取得するには、要素のテキストノードの値を取得する必要があります。


getElementsByTagNameメソッド

getElementsByTagName()メソッドは、ソースドキュメントに表示されるのと同じ順序で、指定されたタグ名を持つすべての要素ノードリストを返します。

books.xml」がxmlDocにロードされているとします。

このコードは、最初の<title>要素を取得します。

var x = xmlDoc.getElementsByTagName("title")[0];

ChildNodesプロパティ

childNodesプロパティは、要素の子ノードのリストを返します。

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

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];

nodeValueプロパティ

nodeValueプロパティは、テキストノードのテキスト値を返します。

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

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;

zの結果:「毎日がイタリアン」



完全な例

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName('title')[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML = y.nodeValue;
}
</script>

</body>
</html>

すべての<title>要素をループする:


属性の値を取得する

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

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

これは、getAttribute()メソッドを使用するか、属性ノードのnodeValueプロパティを使用して実行できます。


属性値を取得する-getAttribute()

getAttribute()メソッドは、属性の値を返します

次のコードは、最初の<title>要素の「lang」属性のテキスト値を取得します。

x = xmlDoc.getElementsByTagName("title")[0];
txt = x.getAttribute("lang");

txtの結果: "en"

すべての<book>要素をループして、それらの「カテゴリ」属性を取得します。


属性値を取得する-getAttributeNode()

getAttributeNode()メソッドは属性ノードを返します。

次のコードは、最初の<title>要素の「lang」属性のテキスト値を取得します。

x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;

結果はtxt = "en"

すべての<book>要素をループして、それらの「カテゴリ」属性を取得します。