各位大侠们,我需要用一个html+js的文件去读一个 xml文件的内容:1、不知道怎么把xml中的jpg的内容在显示图片里;2、不知道怎么把上一页和下一页的地址从xml文件中读出来做链接地址。我的测试文件如下。大侠们帮我改一下吧。XML文件:
<?xml version="1.0"?>
<data>
<flashad>
<id>1</id>
<photo>图片地址</photo>
<mmtitle>标题</mmtitle>
<detail>内容</detail>
<adurl>http://www.baidu.com</adurl>
<jpg>1.jpg</jpg>
<nextPage>2.html</nextPage>
<PrevPage>99.html</PrevPage>
</flashad>
</data>HTML文件:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
<!--
function parseXML()
{
  try //Internet Explorer
  {
   xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
  catch(e)
  {
    try //Firefox, Mozilla, Opera, etc.
    {
     xmlDoc=document.implementation.createDocument("","",null);
    }
    catch(e)
    {
alert(e.message);
return;
    }
  }
xmlDoc.async=false;
xmlDoc.load("3.xml");
document.getElementById("1").innerHTML=xmlDoc.documentElement.nodeName //输出根节点
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)

  if (x[i].nodeType==1)
  {//Process only element nodes (type 1) 
  document.getElementById("2").innerHTML=x[i].nodeName //输出子节点
  } 
}
document.getElementById("id").innerHTML=xmlDoc.getElementsByTagName("id")[0].childNodes[0].nodeValue;
document.getElementById("photo").innerHTML=xmlDoc.getElementsByTagName("photo")[0].childNodes[0].nodeValue;
document.getElementById("mmtitle").innerHTML=xmlDoc.getElementsByTagName("mmtitle")[0].childNodes[0].nodeValue;
document.getElementById("tvname").innerHTML=xmlDoc.getElementsByTagName("tvname")[0].childNodes[0].nodeValue;
document.getElementById("detail").innerHTML=xmlDoc.getElementsByTagName("detail")[0].childNodes[0].nodeValue;
document.getElementById("adurl").innerHTML=xmlDoc.getElementsByTagName("adurl")[0].childNodes[0].nodeValue;
$("img1").src=varPic=xmlDoc.getElementsByTagName("jpg")[0].childNodes[0].nodeValue;

}</script>
</head>
<body onLoad="parseXML()">
<p><BR />
  <span id="1"></span>:<span id="2"></span><br />
  <b>id   :</b> <span id="id"></span><br />
  <b>photo:</b> <span id="photo"></span><br />
  <b>mtitle:</b> <span id="mmtitle"></span><br />
  <b>tvname:</b> <span id="tvname"></span><br />
  <b>detail:</b> <span id="detail"></span><br />
  <b>adurl:</b> <span id="adurl"></span></br> </br> 
 </br> 
</br><img id ="img1"src="" width="300" height="300">
  
</br>
<img src="" width="300" height="300"> 
<p><a href="PrevPage">上一页</a> <a href="nextPage">下一页</a> 
</html>

解决方案 »

  1.   

    document.getElementById("tvname").innerHTML = xmlDoc.getElementsByTagName("tvname")[0].childNodes[0].nodeValue;没找到有这个节点。。你想表达什么、、
    还有不知道怎么把xml中的jpg的内容在显示图片里什么意思
      

  2.   

    就是读XML中的jpg下的1.jpg写在html中的<img src="">里面
      

  3.   

    xml中少写了一行<tvname>tvname</tvname>
      

  4.   

    先解决第一个问题:document.getElementById("img1").src = xmlDoc.getElementsByTagName("jpg")[0].childNodes[0].nodeValue;
      

  5.   

    第二个问题类似:document.getElementById("nextPage").href = xmlDoc.getElementsByTagName("nextPage")[0].childNodes[0].nodeValue;