Javascript 从XML获取数据并显示在DIV中

我试图将XML数据显示为文本。 我使用javascript获取图像数据，这很好，但我无法显示文本数据

以下是XML：

<vector>
<pic>
    <ad>01-Wedding.jpg</ad>
    <txt>1</txt>
    <met>Tasarim 1</met>
</pic>
</vector>

下面是javascript：

<script type="text/javascript">
if (window.XMLHttpRequest) {xmlhttp=new XMLHttpRequest();}
else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

xmlhttp.open("GET","resimler.xml",false);
xmlhttp.send();
    xmlDoc=xmlhttp.responseXML; 
    x=xmlDoc.getElementsByTagName("pic");
    i=0;

    function displayFoto(){
        ad=(x[i].getElementsByTagName("ad")[0].childNodes[0].nodeValue);
        txt=(x[i].getElementsByTagName("met")[0].childNodes[0].nodeValue);
        document.getElementById("showFoto").src="img/" + ad;
        document.getElementById("metintext").value=txt;}

    function next(){
        if (i<x.length-1){
          i++;
          displayFoto();}}

    function previous(){
        if (i>0){
          i--;
          displayFoto();}}
    </script>

这是分区：

<div id="container">
<div class="inner-tasarim">
<div id="slideshow">
    <ul class="slides">
    <li><img id='showFoto'/></li>
    </ul>                
    <span class="arrow previous"><img onClick="previous()" src="img/arrow-prev.png">
    </span>
    <span class="arrow next"><img onClick="next()" src="img/arrow-next.png"></span>
    <span class="metinalani"><h2 id='metintext'></h2></span> 
    </div>
</div>
</div>

---

我做错了什么

在过程之外定义函数。最好先做，解决了！刚刚在javascript中将.value更改为.innerHTML。