运用称号接见XML文档的代码案例详解【XML教程】,XML，应用名称

一需求

运用getElementsByTagName要领按称号接见XML文档中数据。

二剖析

运用称号接见XML文档

起首运用ActiveXObject建立一个Microsoft解析器实例，然后将XML文档载入内存中。

接着运用getElementsByTagName()要领猎取number元素、name元素和object元素的援用，返回效果为一个数组，数组中每一个元素都对应XML文档中一个元素，而且序次雷同。

末了猎取对应元素所包括笔墨的值，而且对字符串举行拼接。

三注重

在JavaScript的数组的下标中从0最先计数。FirstChild属性申明要接见name元素所包括的笔墨，而不是接见name元素自身；data属性猎取节点的值。

四代码

<?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代码

<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>

五运转效果