一 需求
二 分析
应用名称访问XML文档
首先应用ActiveXObject创建一个Microsoft解析器实例,然后将XML文档载入内存中。
三 注意
四 代码
XML代码
<?xml version="1.0" encoding="GB2312"?> <employes> <employe id='1' attendence='经理'> <number>1001</number> <name>程**</name> <object>PHP</object> <tel>84971547</tel> <address>长春市</address> <e_mail>cak**@sina.com</e_mail> </employe> <employe id='2' attendence='员工'> <number>1002</number> <name>龙**</name> <object>sql</object> <tel>1234556</tel> <address>武汉市</address> <e_mail>ak**@sina.com</e_mail> </employe> </employes>
<html> <head> <Meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>应用名称访问XML文档</title> </head> <script> function get_xml() { var xmldoc,employesNode,employeNode,peopleNode; //定义变量 var nameNode,titleNode,numberNode,displayText; //定义变量 xmldoc = new ActiveXObject("Microsoft.XMLDOM"); //创建Microsoft解析器实例 xmldoc.async = false; xmldoc.load("index.xml"); //载入指定的XML文档 numberNode=xmldoc.getElementsByTagName("number")[1]; //获取number元素的引用,访问员工的第2条信息 nameNode=xmldoc.getElementsByTagName("name")[1]; //获取name元素的引用 objectNode=xmldoc.getElementsByTagName("object")[1]; telNode=xmldoc.getElementsByTagName("tel")[1]; //实现字符串的拼接,输出XML文档中的数据 displayText="员工信息:"+numberNode.firstChild.data+','+nameNode.firstChild.data+','+objectNode.firstChild.data+','+telNode.firstChild.data; div.innerHTML=displayText; //指定在ID标识为div的<div>标签中输出字符串displayText的信息 } </script> <body> <h1>应用名称访问XML文档</h1> <!--应用onClick事件调用函数get_xml()--> <input type="button" value="获取XML中的指定数据" onClick="get_xml()"> <div id="div"></div> </body> </html>
五 运行结果