JavaScript 解析 XML 数据完整示例
作者:半夏时间:2026-10-28 21:16:00浏览:644
本文通过具体代码示例,详细讲解了 JavaScript 解析 XML 数据的方法。内容涵盖利用 DOMParser 处理非 IE 浏览器以及使用 ActiveXObject 兼容旧版 IE 浏览器的实现方案,旨在为 JavaScript 程序设计提供实用的参考。
JavaScript 解析 XML 数据完整示例
本文通过具体代码示例,详细讲解了 JavaScript 解析 XML 数据的方法。内容涵盖利用 DOMParser 处理非 IE 浏览器以及使用 ActiveXObject 兼容旧版 IE 浏览器的实现方案,旨在为 JavaScript 程序设计提供实用的参考。
<script type="javascript">
var txt="<note>";
txt=txt+"<to>George</to>";
txt=txt+"<from>John</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget the meeting!</body>";
txt=txt+"</note>";
if (window.DOMParser) //非IE浏览器
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else //IE浏览器
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
希望本文所述对大家的javascript程序设计有所帮助。
作者最新文章
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
