(转载) 用JS读取XML文件

最新推荐文章于 2023-06-09 15:48:33 发布

lujiaxing2007

最新推荐文章于 2023-06-09 15:48:33 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

文章标签： xml table user border encoding html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/lujiaxing2007/article/details/1783070

本文介绍了一种使用JavaScript解析XML数据的方法，并展示了如何利用解析出的数据动态生成HTML表格。通过函数getXMLArray和getvalue实现了从XML中抽取指定路径的数据，并通过AddTb函数将这些数据插入到HTML表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>

<head><title>测试</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>

<*** language="java***">

function getXMLArray(xmlDoc, name) {

var keys = name.split('.');

var node = xmlDoc.documentElement; // 得到根节点

var rtn = new Array();

var n = 0;

for(var i=0; i<keys.length; i++) {

var childs = node.childNodes; // 得到子节点

var key = keys[i];

for(var k=0; k<childs.length; k++) {

var child = childs[k];

if(child.nodeName == key) { // 判断子节点是否符合

if(i == keys.length-1) {

rtn[n] = child;

n++;

} else {

node = child;

break;

}

}

}

}

return rtn;

}

function getvalue(node, name) {

var keys = name.split('.');

for(var i=0; i<keys.length; i++) {

var childs = node.childNodes; // 得到子节点

var key = keys[i];

for(var k=0; k<childs.length; k++) {

var child = childs[k];

if(child.nodeName == key) { // 判断子节点是否符合

if(child.childNodes.length == 1) {

// 如果没有字节点,返回值

return child.text;

} else {

// 还有子节点,继续分析

node = child;

break;

}

}

}

}

return "";

}

function AddTb(){

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

xmlDoc.async = false;

xmlDoc.loadXML("<?xml version='1.0' encoding='utf-8'?><ekuy><user><name><cnname>小猪</cnname></name><age>27</age></user><user><name><cnname>小霞</cnname></name><age>26</age></user><user><name><cnname>小章</cnname></name><age>25</age></user></ekuy>");

var list = getXMLArray(xmlDoc, 'user');

var num=3;//num是行数：得到传来的XML值的节点数

table0.insertRow(table0.rows.length);

table0.rows.item(table0.rows.length -1).insertCell(0);

var xx=table0.rows.length -1 ;//-1

var sHTML;//用来保存欲生成的表格对象或其他类型对象的代码

var tr= "";

for(var j = 0 ; j < num ;j++){

var obj = list[j];

tr = '<tr><td>'+ getvalue(obj, 'name.cnname')+'</td><td>'

+ getvalue(obj, 'age') +'</td></tr>'+tr;

}

sHTML='<TABLE border="1" width="100%"> ' + tr + '</TABLE>';

table0.rows.item(table0.rows.length-1).cells.item(0).innerHTML=sHTML;

// table0.rows.item(table0.rows.length-1).cells.item(0).children.item(0).rows.item(3).cells.item(0).children.item(0).text=xx;

}

</***>

<body onload="AddTb()" >

<table id=table0 width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">

</table>

</body>

</html>

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。