Question

首先，我创建了一个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>

现在我不想将它放在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>

现在我不知道如何在javascript中对此进行排序。有人可以给我一些提示等吗？

Answer 1

您可以在此StackOverflow answer中找到如何使用jQuery解析XML的示例。只需使用css选择器查找所需的标签，然后提取所需的数据。您可以使用jQuery或javascript DOM方法（document.createElement＃etc.）构建必要的HTML。

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

用Javascript进行XML解析。需要帮助

1 个答案: