XML DOM

DOMとは何ですか?

ドキュメントオブジェクトモデル(DOM)は、ドキュメントへのアクセスと操作のための標準を定義しています:

「W3Cドキュメントオブジェクトモデル(DOM)は、プラットフォームや言語に関係なく、プログラムやスクリプトがドキュメントの内容、構造、スタイルを動的にアクセスおよび更新できるインターフェースです。」

HTML DOM HTMLドキュメントへのアクセスと操作のための標準的な方法を定義しています。HTMLドキュメントを木構造として表示します。

XML DOM XMLドキュメントへのアクセスと操作のための標準的な方法を定義しています。XMLドキュメントを木構造として表示します。

HTMLやXMLを使用する開発者にとって、DOMの理解は必須です。

HTML DOM

すべてのHTML要素はHTML DOMを通じてアクセスできます。

以下の例では、id="demo"のHTML要素の値を変更します:

<h1 id="demo">これはタイトル</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
クリックしてください!
</button>

自分で試してみましょう

JavaScriptのチュートリアルで、これについて学ぶことができます。 HTML DOM の詳細について学ぶことができます。

XML DOM

すべてのXML要素はXML DOMを通じてアクセスできます。

Books.xml

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
  <book category="美食">
    <title lang="zh">雅舍谈吃</title>
    <author>梁實秋</author>
    <year>2013</year>
    <price>35</price>
  </book>
  <book category="子供">
    <title lang="zh">素晴らしい狐狸の父親</title>
    <author>ロールダ・ダール</author>
    <year>2009</year>
    <price>10.00</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>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2009</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 チュートリアルで以下のことを学びます XML DOM の詳細内容。