特定のデータをXMLファイルから取り出し、特定のdivクラスに挿入する方法は？

Question

私がしようとしているのは、格子状の構造を持つWebページを作成することです。ここでは、いくつかのボックスは大きく、他のものは小さく、HTMLですべてをコードする必要はありません。

<div id="content-wrapper"> 
<div class="inline"> 
    <div class="big-tile"> 
     <img class="big-tile-image" /> 
     <div class="big-tile-description"> 
      <div class="name"></div> 
      <div class="rating"></div> 
     </div> 
    </div> 
</div> 

と私はJavascriptを使用してXMLファイルから適切なdivのブロックに記入したいと思います：あなたがここに見ることができるように私はdivの構造を作成しました。これは私が今持っているjavascriptです：

  function loadXMLDoc() { 
       var xmlhttp = new XMLHttpRequest(); 
       xmlhttp.open("GET", "imgdb.xml", true); 
       xmlhttp.send(); 

       var xmlDoc = xmlhttp.responseXML; 
        var large = 340; 
        var tileName = new Array(); 
        var tileRating = new Array(); 
        var tilePhoto = new Array(); 
        var tileSize = new Array(); 

        for (i=0;i<=18;i++) { 
         tileSize[i] = xmlDoc.getElementsByTagName("girl")[i].childNodes[3]; 
         tileName[i] = xmlDoc.getElementsByTagName("girl")[i].childNodes[0]; 
         tileRating[i] = xmlDoc.getElementsByTagName("girl")[i].childNodes[2]; 
         tilePhoto[i] = xmlDoc.getElementsByTagName("girl")[i].childNodes[1]; 

         if (tileSize[i] == "large") { 
          document.getElementsByClassName("big-tile-image").setAttribute("src", tilePhoto[i]);      
         } 
        } 
      } 

私は評価と名前のような他のブロックに記入しようとしませんでした。最初の画像を表示してコードが機能しているかどうかを確認したいと思っていました。明らかにそれは私の質問が私が間違っていることではない？

任意のヘルプ君たちのために

おかげで与えることができ、{私はクロームで見てChromeウェブストアに似たものを作成しようとしています}！

Answer 1

この

が

foreach (XmlNode node in Document.SelectNodes("girl")) 
      { 
       s.size = node["Size"].InnerText; 
       s.name = node["Name"].InnerText; 
       s.rating = node['Rating"].InnerText; 
      } 

適切なdiv.Tryに、コントローラにXMLから値を分離し、値を取得してください