Al-SAVOの日記: XML/DOM memo for Mozilla
日記 by
Al-SAVO
●外部XMLファイルを読み込んで処理の結果を表示するには
同じようなネタをたのしいXML(*1)でやっていた(*2)ただしこっちはIE専用。
(*1)http://www.cityfujisawa.ne.jp/~yanai/xml/
(*2)http://www.cityfujisawa.ne.jp/~yanai/xml/dom/step1.html
ということで(*2)のJavaScriptサンプルのMozillaバージョン
----
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/JavaScript; charset=Shift_JIS">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>たのしいXML: DOM sample ルートエレメントの名前を表示</title>
<script type="text/JavaScript">
function display()
{
var xml_file = "poem.xml";
importXML(xml_file);
}
//XMLドキュメントの読み込み
function importXML(xml_file)
{
// XMLドキュメントをDOMで扱うためのオブジェクトを作る
xml_doc = document.implementation.createDocument("","",null);
// XMLドキュメントを読み込みを完了したらdisplay_rootnode関数を実行するように設定。
xml_doc.onload = display_rootnode;
// XMLドキュメントを読み込む
xml_doc.load(xml_file);
}
//ルートノードの表示
function display_rootnode()
{
// stringという名前の文字列を空にする
var string = "";
// ルートノード名を取得してstring文字列に代入する
string = "XMLドキュメントのルートノード名は " + xml_doc.documentElement.nodeName + " です。";
// string文字列を内容としたP要素をBODY要素に挿入
var paraElement = document.createElement("p")
document.body.appendChild(paraElement);
var text = document.createTextNode(string);
paraElement.appendChild(text);
}
</script>
</head>
<body onload="display()">
<h1>たのしいXML: DOMサンプル</h1>
</body>
</html>
----
同じようなネタをたのしいXML(*1)でやっていた(*2)ただしこっちはIE専用。
(*1)http://www.cityfujisawa.ne.jp/~yanai/xml/
(*2)http://www.cityfujisawa.ne.jp/~yanai/xml/dom/step1.html
ということで(*2)のJavaScriptサンプルのMozillaバージョン
----
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/JavaScript; charset=Shift_JIS">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>たのしいXML: DOM sample ルートエレメントの名前を表示</title>
<script type="text/JavaScript">
function display()
{
var xml_file = "poem.xml";
importXML(xml_file);
}
//XMLドキュメントの読み込み
function importXML(xml_file)
{
// XMLドキュメントをDOMで扱うためのオブジェクトを作る
xml_doc = document.implementation.createDocument("","",null);
// XMLドキュメントを読み込みを完了したらdisplay_rootnode関数を実行するように設定。
xml_doc.onload = display_rootnode;
// XMLドキュメントを読み込む
xml_doc.load(xml_file);
}
//ルートノードの表示
function display_rootnode()
{
// stringという名前の文字列を空にする
var string = "";
// ルートノード名を取得してstring文字列に代入する
string = "XMLドキュメントのルートノード名は " + xml_doc.documentElement.nodeName + " です。";
// string文字列を内容としたP要素をBODY要素に挿入
var paraElement = document.createElement("p")
document.body.appendChild(paraElement);
var text = document.createTextNode(string);
paraElement.appendChild(text);
}
</script>
</head>
<body onload="display()">
<h1>たのしいXML: DOMサンプル</h1>
</body>
</html>
----