XMLファイルをロードし表示するサンプルをうさのJavaScript講座サンプル集12に追加しました。
あたためてきたXML関連サンプル（もう何年もたっちゃっていつのまにかActiveXのよびだすObject名変わってましたが（汗））です。
以前ActiveXサンプルで一瞬だけ公開していたのですが、今日現在での動作確認をして再度整理してみました。FirefoxとOpera、IEで確認しています。7年くらい前からシステム屋さんやってたころ以来なんでもXMLでしたが、Webの世界もRSSやWebService、AjaxをはじめとしてなんでもXMLがわからないと・・・という時代なんでしょうか。うさは個人的にXML大好きです。最近システム屋さんの仕事でXPathと久し振りに格闘していましたが楽しくってしょーがない。ｗｗｗ。とまぁ、そんな話はおいといて、このブログのRSSのItemを読むサンプルをここで紹介してみます。channelの下にあるitem内のtitleとlinkのValueですネ。名付けて「プチ★ローカルRSSリーダー」♪




ソースはこちら↓

<script language="javascript"> <!-- // javascript by ＠うさ http://usagi-js.com/ var xmlDocument; var fileName = "index.xml"; //読み込みスタート function ViewTitle() { if (document.implementation.createDocument) { xmlDocument = document.implementation.createDocument("", "sample", null); xmlDocument.onload = readXml; xmlDocument.load(fileName); } else //IE { xmlDocument = new ActiveXObject("Microsoft.XMLDOM"); xmlDocument.async = false; xmlDocument.load(fileName); readXml(); } } //ロード時読み込み関数 function readXml() { var outString = ""; var objItems = xmlDocument.getElementsByTagName("item"); 　　　　　　　//とりあえず５つにしておきます。すべてのときは、objItems.lengthまでLoopしてください。 for (loop = 0; loop < 5; loop++) { var valueTitle = objItems[loop].getElementsByTagName("title"); var valueLink = objItems[loop].getElementsByTagName("link"); outString += "<br><b>アイテム" + (loop+1) + "つめ</b><br>"; outString += valueTitle[0].childNodes.item(0).nodeValue + "<br>"; outString += "<a href='" + valueLink[0].childNodes.item(0).nodeValue + "'>続きを読む</a><br>"; } ShowValue(outString); } //表示 function ShowValue(textValue) { document.getElementById("titleValue").innerHTML = textValue; } --> </script>