0

ここに書くのは初めてです。私はjavascriptの基本的なレベルを持っています.どんな助けもいただければ幸いです!

the html code

<li>
<b>stathmoi: </b><span id="Title"></span><br/>
<b>thermokrasia: </b><span id="Temp"></span><br/>
<b>Elevation: </b><span id="Elevation"></span><br/>
</li><hr/>
<li>
<b>stathmoi: </b><span id="Title"></span><br/>
<b>thermokrasia: </b><span id="Temp"></span><br/>
<b>Elevation: </b><span id="Elevation"></span><br/>
</li><hr/>
<li>
<b>stathmoi: </b><span id="Title"></span><br/>
<b>thermokrasia: </b><span id="Temp"></span><br/>
<b>Elevation: </b><span id="Elevation"></span><br/>
</li><hr/>
<li>
<b>stathmoi: </b><span id="Title"></span><br/>
<b>thermokrasia: </b><span id="Temp"></span><br/>
<b>Elevation: </b><span id="Elevation"></span><br/>
</li><hr/>

the js code


    if (window.XMLHttpRequest)  
      {// code for IE7+, Firefox, Chrome, Opera, Safari  
      xmlhttp=new XMLHttpRequest();  
      }   
    else  
      {// code for IE6, IE5  
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
      }
    xmlhttp.open("GET","domparser.xml",false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML;

    //document.getElementsByTagName('li');  
    document.getElementById("Title").innerHTML=  
    xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;  
    document.getElementById("Temp").innerHTML=  
    xmlDoc.getElementsByTagName("temp")[0].childNodes[0].nodeValue;  
    document.getElementById("Elevation").innerHTML=  
    xmlDoc.getElementsByTagName("elevation")[0].childNodes[0].nodeValue;  
    //document.getElementById("Title").innerHTML=  
    xmlDoc.getElementsByTagName("title")[1].childNodes[0].nodeValue;  
    //document.getElementById("Temp").innerHTML=  
    xmlDoc.getElementsByTagName("temp")[1].childNodes[0].nodeValue;  
    //document.getElementById("Elevation").innerHTML=  
    xmlDoc.getElementsByTagName("elevation")[1].childNodes[0].nodeValue;

これがxmlコードです-domparser.xml

<channel>    
<item>    
<title>kalimnos</title>    
<temp>50</temp>    
<elevation>650m</elevation>    
</item>    
<item>    
<title>kerkira</title>    
<temp>30</temp>    
<elevation>1650m</elevation>    
</item>    
<item>    
<title>iraklio</title>    
<temp>50</temp>    
<elevation>50m</elevation>    
</item>    
<item>    
<title>xania</title>    
<temp>30</temp>    
<elevation>150m</elevation>    
</item>    
</channel>

html ファイルを実行すると、xml ファイルの最初の「項目」のデータのみが表示されます。
毎回xmlの異なる「項目」ですべてのリスト項目を表示しようとしています。

たとえば、最初のリスト項目:
stathmoi: kalimnos
thermokrasia: 50
標高: 650m

たとえば、2 番目のリスト項目:
stathmoi:
kerkira thermokrasia: 30
標高: 1650m

等

4

2 に答える 2

0

スパンには異なる ID を使用してください。

<li>
<b>stathmoi: </b><span id="Title"></span><br/>
<b>thermokrasia: </b><span id="Temp"></span><br/>
<b>Elevation: </b><span id="Elevation"></span><br/>
</li><hr/>
<li>
<b>stathmoi: </b><span id="Title1"></span><br/>
<b>thermokrasia: </b><span id="Temp1"></span><br/>
<b>Elevation: </b><span id="Elevation1"></span><br/>
</li><hr/>
于 2013-10-31T19:26:02.107 に答える