プログラミング学習の記録 160 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の練習問題5.4

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.122の練習問題5.4を解いてみる。

5.4

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<script language="javascript" type="text/javascript">
    function createHttpRequest() {
        if (window.ActiveXObject) {
            try {
                return new ActiveXObject("Msxml2.XMLHTTP")
            } catch (e) {
                try {
                    return new ActiveXObject("Microsoft.XMLHTTP")
                } catch (e2) {
                    return null
                }
            }
        }
        else if (window.XMLHttpRequest) {
            return new XMLHttpRequest()
        } else {
            return null
        }
    }

// XML Filsの2個のname tagの値を取得して表示
    function Load(oj) {
        var xmldoc = oj.responseXML;
        if (xmldoc == null) {
            Insert("xmldocがありません");
        } else {
            var elm0 = xmldoc.getElementsByTagName("name")[0];
            var elm1 = xmldoc.getElementsByTagName("name")[1];
            var text0 = elm0.firstChild;
            var text1 = elm1.firstChild;
            Insert(text0.data);
            Insert(text1.data);
        }
    }
    
    // id=d0のtagに段落を追加
    function Insert(text) {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        p.innerHTML = text;
        d0.appendChild(p);
    }</script>
<p><a href="http://www.mkamimura.com/Sample/">KMI</a>に置かれている<a href="http://www.mkamimura.com/Sample/Sample.xml">Sample.xml</a>の2個のname 
    tagの値を取得して表示してみる。</p>
<input type="button" value="Click!" onclick="requestUrl('','get','Sample.xml')" />
<p>実行結果</p>
<div id="d0"></div>
<p><a href="http://sitekamimura.blogspot.com/2010/04/160-javascript-2-webjavascript-cd-rom.html">Kamimura's blog: プログラミング学習の記録 160 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の練習問題5.4</a></p>
</body>
</html>

KMIに置かれているSample.xmlの2個のname tagの値を取得して表示してみる。

保管場所: Sample 13