XML DOM
XML DOM
DOMとは何ですか?
DOMは、ドキュメントにアクセスして操作するための標準を定義しています。
HTML DOMは、HTMLドキュメントにアクセスして操作するための標準的な方法を定義します。HTMLドキュメントをツリー構造として表示します。
XML DOMは、XMLドキュメントにアクセスして操作するための標準的な方法を定義します。XMLドキュメントをツリー構造として表示します。
DOMを理解することは、HTMLまたはXMLを使用するすべての人にとって必須です。
HTML DOM
すべてのHTML要素には、HTMLDOMを介してアクセスできます。
この例では、id = "demo"のHTML要素の値を変更します。
例
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
HTML DOMについては、 JavaScriptチュートリアルでさらに詳しく知ることができます。
XML DOM
すべてのXML要素には、XMLDOMを介してアクセスできます。
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>
このコードは、XMLドキュメントの最初の<title>要素のテキスト値を取得します。
例
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOMは、XML要素を取得、変更、追加、および削除する方法の標準です。
この例では、テキスト文字列をXML DOMオブジェクトにロードし、JavaScriptを使用してそこから情報を抽出します。
例
<html>
<body>
<p id="demo"></p>
<script>
var text, parser,
xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
XML DOMについて詳しくは、XMLDOMチュートリアルをご覧ください。