DOM 取得ノード
XML DOM ノード値の取得
nodeValue 属性は、ノードのテキスト値を取得するために使用されます。
getAttribute() メソッドは属性の値を返します。
要素の値を取得する
DOM では、各コンポーネントはノードです。要素ノードにはテキスト値がありません。
要素ノードのテキストは子ノードに格納されます。このノードをテキストノードと呼びます。
要素テキストを取得する方法は、この子ノード(テキストノード)の値を取得することです。
要素値の取得
getElementsByTagName() メソッドは、指定されたタグ名を持つすべての要素を含むノード リストを返します。要素はソース ドキュメントに出現する順序になっています。
次のコードは、「books.xml」を xmlDoc にロードし、loadXMLDoc() を使用して最初の <title> 要素を取得します。 title")[0];
次のコードは、<title> 要素のテキスト ノードを取得します:
x=xmlDoc.getElementsByTagName("title")[0];
y=x.childNodes[0];<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>你好世界!</p> <div id="main"> <p> DOM 是非常有用的。</p> <p>该实例展示了 <b>getElementsByTagName</b> 方法</p> </div> <script> var x=document.getElementById("main"); var y=x.getElementsByTagName("p"); document.write('id="main"元素中的第一个段落为:' + y[0].innerHTML); </script> </body> </html>
インスタンスの実行»
結果: txt = "Everyday Italian"
すべてを走査 <title> ; 要素:
試してみる属性の値を取得する DOM では、属性もノードです。要素ノードとは異なり、属性ノードにはテキスト値があります。
属性の値を取得する方法は、そのテキスト値を取得することです。 これは、getAttribute() メソッドまたは属性ノードの nodeValue 属性を使用して実現できます。
属性値の取得 - getAttribute()
getAttribute() メソッドは属性
値を返します。 次のコードは、最初の <title> 要素の "lang" 属性のテキスト値を取得します:
Instance
<!DOCTYPE html> <html> <head> <script src="loadxmldoc.js"> </script> </head> <body> <script> xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName('book'); for (i=0;i<x.length;i++) { document.write(x[i].getAttribute('category')); document.write("<br>"); } </script> </body> </html>
インスタンスの実行 »
結果: txt = "en"
インスタンスの説明:
loadXMLDoc()を使用して、"books.xml"をxmlDocにロードします
txt変数を最初のタイトル要素ノードの"lang"に設定します属性
すべての <book> 要素を反復処理し、その "category" 属性を取得します: 試してみましょう
属性値を取得します - getAttributeNode()
getAttributeNode() メソッドは属性 ノード を返します。
次のコードは、最初の <title> 要素の "lang" 属性のテキスト値を取得します:
Instance
<!DOCTYPE html> <html> <head> <script src="loadxmldoc.js"> </script> </head> <body> <script> xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title")[0].getAttributeNode("lang"); txt=x.nodeValue; document.write(txt); </script> </body> </html>
Run Instance»
オンラインで表示するには、[Run Instance] ボタンをクリックします。インスタンス
結果 :結果: txt = "en"
例の説明:
loadXMLDoc()を使用して、"books.xml"をxmlDocにロードします
最初の<の"lang"属性を取得します;title> 要素ノード
ノードは txt 変数を属性