Hot.xml文件 :
复制代码代码如下:
<?xml versión="1.0" codificación="gb2312"?>
<raíz>
<elemento>
<nombre>刘亦菲</nombre>
<url>MingXing/LiuYiFei.htm</url>
<color>rojo</color>
</elemento>
<elemento>
<nombre>蔡依林</nombre>
<url>MingXing/CaiYiLin.htm</url>
<color>azul</color>
</elemento>
<elemento>
<nombre>张娜拉</nombre>
<url>MingXing/ZhangNaLa.htm</url>
<color>verde</color>
</elemento>
<elemento>
<nombre>张韶涵</nombre>
<url>MingXiang/ZhangShaoHan.htm</url>
<color>gris</color>
</elemento>
<elemento>
<nombre>张靓颖</nombre>
<url>MingXing/ZhangLiangYin.htm</url>
<color>negro</color>
</elemento>
<elemento>
<nombre>李宇春</nombre>
<url>MingXing/LiYuChun.htm</url>
<color>amarillo</color>
</elemento>
<elemento>
<nombre>徐若</nombre>
<url>MingXing/XuLuXuan.htm</url>
<color>rosa</color>
</elemento>
</raíz>
demo1.html文件:
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
<title>JavaScript 获取XML数据</title>
<lenguaje de escritura="javascript">
复制代码代码如下:
var xmlDoc=nuevo ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象
xmlDoc.async=true; //使用异步加载
xmlDoc.onreadystatechange=ventascargadas;
función cargadaVentas()
{
vartxt="";
si(xmlDoc.readyState == 0){
alerta("0");
}
si(xmlDoc.readyState == 1){
alerta("1");
}
si(xmlDoc.readyState == 2){
alerta("2");
}
si(xmlDoc.readyState == 3){
alerta("3");
}
si(xmlDoc.readyState == 4)
{
si (xmlDoc.parseError.errorCode! = 0)
{
txt="xml解析错误!";
}demás{
var elementos=xmlDoc.documentElement.selectNodes("elemento");
si (elementos! = nulo && elementos.longitud > 0)
{
for(var i=0; i < elementos.longitud; i++)
{
txt += "<li><a href="+items[i].childNodes[1].text+" mce_href="+items[i].childNodes[1].text+" style="color:" mce_style=" color:""+items[i].childNodes[2].text+">"+items[i].childNodes[0].text+"</a></li>";
}
}demás{
txt="";
}
}
}demás{
txt="";
}
document.getElementById("ventas").innerHTML=txt;
}
función cargarXmlDoc()
{
var url="Hot.xml";
xmlDoc.cargar(url);
}
</script>
</cabeza>
<cuerpo onLoad="loadXmlDoc()">
<div id="ventas"></div>
</cuerpo>
</html>
效果图: