不同浏览器对XML的解析是不同的
不同浏览器对XML的解析是不同的
发布时间:2016-12-29 来源:查字典编辑
摘要:下面这段代码在火狐能够解析,在谷歌和IE就不行了,应该如何来修改代码?如何解析XML呢?JScriptcode:复制代码代码如下:$("#r...

下面这段代码在火狐能够解析,在谷歌和IE就不行了,应该如何来修改代码?如何解析XML呢?

JScript code:

复制代码 代码如下:

$("#result").append(xmlDoc.firstChild.localName + "<br/><hr>");

for ( var i = 0; i < xmlDoc.documentElement.childElementCount; i++) {

$("#result").append(

xmlDoc.documentElement.children[i].localName + "<br/>");

}

兼容 IE、Firefox、Chrome、Safari、Opera 等浏览器的XML文件加载方式的代码如下,xml文件名为 1.xml。

XML代码

XML code:

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>

<note>

<t1>

<title>孟子E章的网站</title>

<url>http://dotnet.aspx.cc/</url>

</t1>

<t1>

<title>孟宪会的博客</title>

<url>http://blog.csdn.net/net_lover/</url>

</t1>

</note>

HTML 代码

HTML code:

复制代码 代码如下:

<script type="text/javascript">

var xmlDoc = null, xmlhttp = null;

function loadXML() {

xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");

if (xmlhttp == null) {

alert("你的浏览器不支持 XMLHttpRequest");

return;

}

xmlhttp.open("GET", "1.xml?" + Date.parse(new Date()), true);

xmlhttp.setRequestHeader("Content-Type", "text/xml");

xmlhttp.onreadystatechange = getmessage;

xmlhttp.send(null);

}

function getmessage() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

xmlDoc = xmlhttp.responseXML.documentElement;

if (xmlDoc == null) {

alert("返回的数据不正确。");

return;

}

var nodes = xmlDoc.getElementsByTagName("t1")

tb = document.getElementById("table_note");

tbody = document.createElement("tbody")

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

tr = document.createElement("tr")

td = document.createElement("td")

td.innerHTML = nodes[i].getElementsByTagName("title")[0].childNodes[0].nodeValue

tr.appendChild(td)

td = document.createElement("td")

url = nodes[i].getElementsByTagName("url")[0].childNodes[0].nodeValue;

td.innerHTML = "<a href='" + url + "'>" + url + "</a>"

tr.appendChild(td)

tbody.appendChild(tr)

}

tb.appendChild(tbody)

}

}

</script>

</head>

<body onload="loadXML()">

<table id="table_note" border="1">

<tr>

<td>姓名</td>

<td>网址</td>

</tr>

</table>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新XML/RSS学习
热门XML/RSS学习
编程开发子分类