通过XML文件使用JavaScript构建下拉列表

Question

我有这个XML结构：

<sport id="1" name="Soccer">
        <category id="257" name="CountryName">
            <tournament id="11275" uniqueid="722" name="Tournament Name" uniquetournamentname="Tournament Name">
                <team id="5447831" name="Team Name" superId="38529" />
            </tournament>
       </category>
</sport>

并另存为Soccer.xml，我想构建一个下拉列表，该列表将显示

Soccer
-CountryName
--Tournament
---Team

谢谢你的帮助

Answer 1

由于我们不知道您是否在一项运动中拥有多个类别，锦标赛和球队，所以我想您没有。 这是在Vanilla JS中访问它的简单代码

xmlDoc=loadXMLDoc("soccer.xml"); // your document name
var sports=xmlDoc.getElementsByTagName("sports");

for (i=0;i<sports.length;i++) { // Just iterate throught each sports
  document.write(sports[i].nodeName+"<br>"+
  "-"+sports[i].childNodes[0].nodeName+"<br>"+
  "--"+sports[i].childNodes[0].childNodes[0].nodeName+"<br>"+
  "---"+sports[i].childNodes[0].childNodes[0].childNodes[0].nodeName+"<br>");
}