不同浏览器对XML的解析是不同的
不同浏览器对XMLDOM解析标准存在差异，旧浏览器不支持localName、childElementCount等属性。可改用nodeName、childNodes等基础方法，或通过XMLHttpRequest加载、getElementsByTagName获取节点、childNodes[0].nodeValue获取文本、createElement动态构建表格。
很多朋友在写前端代码时，都会遇到一个让人头疼的兼容性问题：同样一段解析XML的Ja vaScript代码，在火狐（Firefox）里运行得稳稳当当，可一放到谷歌（Chrome）或者IE里，直接就罢工了。这其实是因为不同浏览器对XML DOM的解析标准存在细微差异，尤其是localName、childElementCount这些属性，在老旧浏览器中并不被支持。那么，该怎样写一段通用的代码，让它能跨浏览器正确解析XML呢？
我们先来看一个典型的“问题代码” —— 它使用了较新的DOM属性，在火狐下没问题，但在Chrome和IE下就会报错：
$("#result").append(xmlDoc.firstChild.localName + "
");
for ( var i = 0; i < xmlDoc.documentElement.childElementCount; i++) {
$("#result").append(
xmlDoc.documentElement.children[i].localName + "
");
}这段代码直观简洁，但localName和childElementCount在IE9以下版本中根本不存在，children属性在部分浏览器中也可能返回undefined。解决思路很简单：用更基础、兼容性更好的DOM方法代替它们，比如nodeName、childNodes和hasChildNodes。但更省心的做法是采用一套经过验证的跨浏览器加载与解析方案。
下面是一份兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器的完整示例。假设我们有一个XML文件（1.xml），内容如下：
孟子E章的网站
http://dotnet.aspx.cc/
示例站点
http://example.com/
注意，这里我们故意将第二个链接改成了通用示例地址，避免在示例中间出现个人推广信息。原始数据中如需保留具体内容，只需替换回即可。
现在，我们来看看完整的HTML页面代码。它通过XMLHttpRequest异步加载XML文件，然后解析并动态生成表格：
姓名
网址