jQuery练习t109

最新推荐文章于 2024-09-21 11:34:18 发布

虾米大王

最新推荐文章于 2024-09-21 11:34:18 发布

阅读量179

点赞数

分类专栏： jQuery JavaScript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/modern358/article/details/112956917

版权

JavaScript 同时被 2 个专栏收录

329 篇文章 0 订阅

订阅专栏

jQuery

296 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            font-size: 13px;
        }
        .iframe{
            width: 260px;
            border: 1px solid #666666;
        }
        .iframe .title{
            padding: 5px;
            background-color: #EEEEEE;
        }
        .iframe .content{
            padding: 8px;
            font-size: 12px;
        }
        .btn{
            border: 1px solid #666666;
            padding: 2px;
            width: 80px;
        }
    </style>
    <script>
        function loadXML(xmlFile) {
            var xmlDoc,xmlhttp;
            if(window.XMLHttpRequest)
            {
                xmlhttp = new XMLHttpRequest();
            }
            else
            {
                xmlhttp = new ActiveXObject("Micorsoft.XMLHTTP");
            }
            xmlhttp.open("GET",xmlFile,false);
            xmlhttp.send();
            xmlDoc = xmlhttp.responseXML;
            return xmlDoc;
        }
        function btn_Click() {
            var strHtml = "";
            var xmlDoc1 = loadXML("Xml/7-4.xml");
            var tmpTag = xmlDoc1.getElementsByTagName("User");
            strHtml += "name:" + tmpTag[0].getElementsByTagName("name")[0].firstChild.nodeValue + "<br>";
            strHtml += "sex:" + tmpTag[0].getElementsByTagName("sex")[0].firstChild.nodeValue + "<br>";
            strHtml += "email:" + tmpTag[0].getElementsByTagName("email")[0].firstChild.nodeValue + "<br>";
            document.getElementById("tip").innerHTML = strHtml;
        }

        window.onload = function () {
            document.getElementById('button1').onclick = btn_Click;
        }
    </script>
</head>
<body>
    <div class="iframe">
        <div class="title">
            <input type="button" id="button1" value="获取数据" class="btn">
        </div>
        <div class="content">
            <div id="tip"></div>
        </div>
    </div>
</body>
</html>

<?xml version="1.0" encoding="utf-8" ?>
<Info>
    <User>
        <name>taotao</name>
        <sex>nan</sex>
        <email>taotao@163.com</email>
    </User>
</Info>