如何从 XML 文件中获取特定数据并插入特定的 div 类？答案

【问题标题】：How to take specific data from XML file and insert into specific div classes?如何从 XML 文件中获取特定数据并插入特定的 div 类？
【发布时间】：2011-11-08 08:09:55
【问题描述】：

我要做的是创建一个具有网格结构的网页，其中一些框很大，另一些框很小，而无需在 html 中编写所有内容。如您所见，我创建了 div 结构：

<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 块。这是我现在拥有的 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 中查看的 chrome 网上商店}

感谢你们提供的任何帮助！

【问题讨论】：

标签： javascript xml xml-parsing html

【解决方案1】：

尝试在控制器中将值从 XML 中分离出来，并在适当的 div 中获取值。试试这个

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

【讨论】：