AJAX学习(二)

最新推荐文章于 2024-11-08 20:37:52 发布

fenghu89

最新推荐文章于 2024-11-08 20:37:52 发布

阅读量514

点赞数

分类专栏： AJAX学习资料文章标签： ajax function 文档 javascript xml html

本文链接：https://blog.csdn.net/fenghu89/article/details/1905693

版权

AJAX学习资料专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用于处理XML文档的DOM元素属性
childNodes   返回当前元素所有子元素的数组
firstChild   返回当前元素的第一个下级子元素
lastChild    返回当前元素的最后一个子元素
nextSibling 返回紧跟在当前元素后面的元素
nodeValue    指定表示元素值的读/写属性
parentNode   返回元素的父节点
previousSibling 返回紧邻当前元素之前的元素

用于遍历XML文档的DOM元素方法
getElementById(id) (document) 获取有指定惟一ID属性值文档中的元素
getElementsByTagName(name) 返回当前元素中有指定标记名的子元素的数组

hasChildNodes() 返回一个bool 指示此元素是否有子元素
getAttribute(name) 返回元素的属性值 .属性由name指定

一个简单的示例读取XML文件里的信息

<html>
<head>
<title>测试Test</title>
<script language="javascript">
     var xmlHttp;
     function createXMLHttp()
     {
         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
         xmlHttp.onreadystatechange=handleChange;
         xmlHttp.open("GET","student.xml",true);
         xmlHttp.send(null);
     }

     function handleChange()
     {
        if(xmlHttp.readyState==4)
        {
     if(xmlHttp.status==200)
            {
       alert(xmlHttp.readyState);
                //content.innerText=xmlHttp.responseText;
    var doc = xmlHttp.responseXML;
    var name = doc.getElementsByTagName('name');   //得到所有name标签信息
    for(i=0;i<name.length;i++)
    {
       var oOption = document.createElement("option");
     selectname.options.add(oOption);
     oOption.innerText=name[i].childNodes[0].nodeValue;
     oOption.value = i;
     name[i].childNodes[0].nodeValue = i;
       //document.write(name[i].childNodes[0].nodeValue);
    }
            }
        }
     }

function getValue()
{
    alert(document.getElementById('selectname').value);
}
</script>
<head>
<body>
     <input type="button" value="发送" onClick="createXMLHttp()">
     <div id="content">
       <select name="select1" id="selectname" onChange="alert(this.value)">
       </select>
     </div>
</body>
<html>