JavaScript解析XML文件并提取节点值的方法
作者:函数茶馆时间:2026-10-27 15:07:36浏览:137
本文介绍如何使用JavaScript解析XML文件并提取指定节点的值。通过定义getXMLArray函数获取节点集合,利用getValue函数递归提取文本内容。示例代码基于IE的Microsoft.XMLDOM对象,展示了加载XML字符串、遍历user节点及获取name和age字段的具体实现步骤。
JavaScript解析XML文件并提取节点值的方法
具体实现代码如下所示:
/**
* 获取XML文件中指定属性的节点集合
* @param xmlDoc XML文档对象
* @param name 目标属性名称,例如:user
* @return 返回包含匹配节点的 Array 对象
* 示例 XML 结构如下:
* <?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>
* </ekuy>
*/
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;
}
/**
* 获取由getXMLArray函数返回的节点集合中的具体值
* @param node 目标节点对象
* @param name 属性路径
* @return 返回 String 类型的值
*/
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 "";
}
// 测试用例:
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');
for(var i=0; i<list.length; i++) {
var obj = list[i];
document.write(getValue(obj, 'name.cnname'));
document.write(getValue(obj, 'age'));
document.write('<br\/>');
}作者最新文章
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
JS使用constructor判断数据类型可靠吗
2026-11-05 13:49:41
