DOM使用の基本(リンク形式)

Scriptを使い、HTMLからXML文書を操作するには以下の手続きが必要。
(1)XML文書をHTMLﾍﾟｰｼﾞにﾘﾝｸする。
    <body>内の先頭部分に <xml ID="名前" SRC="XML文書のﾊﾟｽ"></xml> の書式で記述。
(2)DOMのﾙｰﾄｵﾌﾞｼﾞｪｸﾄ(Documentﾉｰﾄﾞ）にｱｸｾｽする
    Scriptｺｰﾄﾞ内に以下のように記述する(ID名は(1)と同じにすること)。
        Document = XML文書のID名.XMLDocument;
これでDocumentｵﾌﾞｼﾞｪｸﾄを使いXML文書内の全ｵﾌﾞｼﾞｪｸﾄを操作できる。

[ｻﾝﾌﾟﾙHTML文書を表示](下のﾌﾚｰﾑに)

XMLｿｰｽ

<?xml version="1.0" encoding="Shift_JIS" ?>
<start>
  <top>KodayanHPのContents</top>
  <!--以下はKodayanHomepageの内容一覧-->
  <list>
    <main>大阪日本橋ﾃﾞｰﾀ</main>
    <sub>日本橋Map</sub>
    <sub>PCｼｮｯﾌﾟ名一覧</sub>
    <sub>日本橋関連ﾘﾝｸ集</sub>
  </list>
  <list>
    <main>Webﾌﾟﾛｸﾞﾗﾐﾝｸﾞ</main>
    <sub>CSSとDynamicHTML</sub>
    <sub>PerでCGI</sub>
    <sub>XML</sub>
    <sub>Java Applet</sub>
    <sub>Java Script</sub>
  </list>
  <end>以上です(01/2/6)</end>
</start>

HTMLｿｰｽ

<SCRIPT language="JavaScript"><!--
function Info(p){
  Document = testsp.XMLDocument;	//XML文書のﾙｰﾄｵﾌﾞｼﾞｪｸﾄ(Documentﾉｰﾄﾞ)にｱｸｾｽする
  
  if(p=="nodename"){
   dv0.innerText = "(0番目要素のnodeNameﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(0).nodeName;
   dv1.innerText = "(1番目要素のnodeNameﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(1).nodeName;
   dv3.innerText = "(3番目要素のnodeNameﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(3).nodeName;
  }
  if(p=="nodetype"){
   dv0.innerText = "(0番目要素のnodeTypeﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(0).nodeType;
   dv1.innerText = "(1番目要素のnodeTypeﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(1).nodeType;
   dv3.innerText = "(3番目要素のnodeTypeﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(3).nodeType;
  }
  if(p=="nodetypestring"){
   dv0.innerText = "(0番目要素のnodeTypeStringﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(0).nodeTypeString;
   dv1.innerText = "(1番目要素のnodeTypeStringﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(1).nodeTypeString;
   dv3.innerText = "(3番目要素のnodeTypeStringﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(3).nodeTypeString;
  }
  if(p=="text"){
   dv0.innerText = "(0番目要素のtextﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(0).text;
   dv1.innerText = "(1番目要素のtextﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(1).text;
   dv3.innerText = "(3番目要素のtextﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(3).text;
  }
  if(p=="nodevalue"){
   dv0.innerText = "(0番目要素のnodeValueﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(0).nodeValue;
   dv1.innerText = "(1番目要素のnodeValueﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(1).nodeValue;
   dv3.innerText = "(3番目要素のnodeValueﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(3).nodeValue;
  }
  if(p=="xml"){
   dv0.innerText = "(0番目要素のxmlﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(0).xml;
   dv1.innerText = "(1番目要素のxmlﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(1).xml;
   dv3.innerText = "(3番目要素のxmlﾌﾟﾛﾊﾟﾃｨは：)" + 
		Document.documentElement.childNodes(3).xml;
  }
}
//--></SCRIPT>
</HEAD>

<BODY>
<XML ID="testsp" SRC="test01.xml"></XML>  <!--XML文書をHTMLﾍﾟｰｼﾞにﾘﾝｸする-->

<BUTTON onclick="Info('nodename')">nodeNameﾌﾟﾛﾊﾟﾃｨ</BUTTON>
<BUTTON onclick="Info('nodetype')">nodeTypeﾌﾟﾛﾊﾟﾃｨ</BUTTON>
<BUTTON onclick="Info('nodetypestring')">nodeTypeStringﾌﾟﾛﾊﾟﾃｨ</BUTTON>
<BUTTON onclick="Info('text')">textﾌﾟﾛﾊﾟﾃｨ</BUTTON>
<BUTTON onclick="Info('nodevalue')">nodeValueﾌﾟﾛﾊﾟﾃｨ</BUTTON>
<BUTTON onclick="Info('xml')">xmlﾌﾟﾛﾊﾟﾃｨ</BUTTON>
<HR>
<DIV id="dv0"></DIV>
<DIV id="dv1"></DIV>
<DIV id="dv3"></DIV>

end(01/2/13)