XML-DOM

ザ・ Document Object Model (DOM)XMLの基盤です。XMLドキュメントには、ノードと呼ばれる情報単位の階層があります。DOMは、これらのノードとそれらの間の関係を記述する方法です。

DOMドキュメントは、階層に編成されたノードまたは情報の集合です。この階層により、開発者はツリー内を移動して特定の情報を探すことができます。情報の階層に基づいているため、DOMはツリーベースであると言われます。

一方、XML DOMは、開発者がアプリケーションを作成するために、ツリー内のノードをいつでも追加、編集、移動、または削除できるようにするAPIも提供します。

次の例(sample.htm)は、XMLドキュメント( "address.xml")をXML DOMオブジェクトに解析し、JavaScriptを使用してそこから情報を抽出します。

<!DOCTYPE html>
<html>
   <body>
      <h1>TutorialsPoint DOM example </h1>
      <div>
         <b>Name:</b> <span id = "name"></span><br>
         <b>Company:</b> <span id = "company"></span><br>
         <b>Phone:</b> <span id = "phone"></span>
      </div>
      <script>
         if (window.XMLHttpRequest)
         {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
         }
         else
         {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         xmlhttp.open("GET","/xml/address.xml",false);
         xmlhttp.send();
         xmlDoc = xmlhttp.responseXML;

         document.getElementById("name").innerHTML=
            xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
         document.getElementById("company").innerHTML=
            xmlDoc.getElementsByTagName("company")[0].childNodes[0].nodeValue;
         document.getElementById("phone").innerHTML=
            xmlDoc.getElementsByTagName("phone")[0].childNodes[0].nodeValue;
      </script>
   </body>
</html>

の内容 address.xml 次のとおりです-

<?xml version = "1.0"?>
<contact-info>
   <name>Tanmay Patil</name>
   <company>TutorialsPoint</company>
   <phone>(011) 123-4567</phone>
</contact-info>

では、これら2つのファイルを保持しましょう sample.htm そして address.xml 同じディレクトリに /xml を実行します sample.htm任意のブラウザで開いてファイルします。これにより、次の出力が生成されます。

ここでは、各子ノードを抽出して値を表示する方法を確認できます。