Javascript中的XML解析。需要帮助

首先，我创建了一个javascript，用于定位和动画站点的某些部分

例如：

<ul>
<li transition="fade" amount="5" thumb="images/thumb1.jpg>
<div class="item rotate"
      width = "18"
      height= "550"
      speed="600"
      start="1100"
      easing="easeOutExpo"><img src="images/cheese.png" alt="Cheese">
<div>

<div class="caption black sfb stb"
      width = "950"
      height= "600"
      speed="600"
      start="1100"
      easing="easeOutExpo">10.99
<div>
</li>

<li transition="cut" amount="15" speed="300" delay="9400" thumb="images/thumb2.jpg>
<div class="item rotate"
      width = "18"
      height= "550"
      speed="600"
      start="1100"
      easing="easeOutExpo"><img src="images/pork.png" alt="Pork">
<div>

<div class="caption white lfl stl"
      width = "950"
      height= "600"
      speed="600"
      start="1100"
      easing="easeOutExpo">15.99
<div>
</li>
</ul>

15.99

现在，我不必将其放在html中，而是希望将其放在XML中，因为稍后我将制作一个Web服务

但现在，我需要让我的javascript工作，这样它就可以从xml中读取所有这些内容

对于xml，我所想的（也许我在这里走错了方向）是

<spot>
 <effect type="fade"></effect>
 <amount>5</amount>
 <thumb>thumb1.jpg</thumb>
   <item ="item rotate">
    <width>18</width>
    <height>550</height>
    <speed>600</speed>
    <start>1100</start>
    <easing>easeOutExpot</easing>
    <img alt="Cheese">images/cheese.png></image>
   </item>
  </spot>

5.
拇指1.jpg
18
550
600
1100
易斯奥特普特酒店
图片/cheese.png>

---

现在我不知道如何在javascript中解决这个问题。有人能给我一些提示吗？

在这篇文章中，你可以找到一个如何使用jQuery解析XML的例子。 只需使用css选择器查找所需的标记，并提取所需的数据。您可以使用jQuery或JavaScriptDOM方法（document.createElement等）构建必要的HTML

---

如果不想使用jQuery，请说明如何从XML字符串创建XML-DOM对象。然后，您可以使用浏览器DOM方法获取所需的数据。

您需要使用XML吗？我认为JSON更适合使用javascript。你可以表达同样的东西，它可以被转换成javascript对象，占用的空间稍微少一些。不幸的是，是的，因为我将要做的Web服务的cms是一个只允许我们使用xml的外部软件。