解析XML数据并生成HTML页面-优快云博客

本文链接：https://blog.youkuaiyun.com/mahaopengphp/article/details/7319143

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#div{
background-color:#0099CC;
width:300px;
height:150px;}

</style>
<script type="text/javascript" language="javascript" src="ajaxUtil.js"></script>
<script type="text/javascript" language="javascript">
//定义两个行数
function getXml(){
//定义url
var url="ajax.xml";
//定义参数
var params="a="+1;
//调用ajax
get(erl,params,processXmlData);

}
function processXmlData(){

var reText = xhr.responseXML;

var tab=new Array("empno","ename","esex","esalary");

var emplist=reText.getElementsByTagName("emp");
//遍历解析每一个标签
for(var i=0; i<emplist.length;i++){

var tr=document.createElement("tr");
var childs=emplist[i].childNodes;
   for(var j=0;j<tab.length;j++){
if(childs[j].nodeType==1){
   var td=document.createElement("td");

   alert(emplist[i].getElementsByTagName("tab[j]").firstChild.ndeValue);
   }
//alert("第i个子节点个数"+child.length);

//emplist[i].getElementsByTagName("empno");
}

}

}
getXml();

</script>
</head>