如何在 DOM HTML 中遍历 XML 文档？答案

【问题标题】：How can I traverse XML doc inside DOM HTML?如何在 DOM HTML 中遍历 XML 文档？
【发布时间】：2014-01-09 13:13:24
【问题描述】：

我的 HTML 代码有问题：我想从 HTML 代码中遍历 XML 文档。

这是 XML 代码：

<?xml version = "1.0"?>
<planner>
   <year value = "2000">

      <date month = "7" day = "15">
<note time = "1430">Doctor&apos;s appointment</note>

<note time = "1620">Physics class at BH291C</note>

</date>

<date month = "7" day = "4">

<note>Independence Day</note>

</date>

      <date month = "7" day = "20">

<note time = "0900">General Meeting in room 32-A</note>



      </date>

      <date month = "7" day = "20">

         <note time = "1900">Party at Joe&apos;s</note>

      </date>

<date month = "7" day = "20">

<note time = "1300">Financial Meeting in room 14-C</note>

</date>

   </year>

</planner>

还有这段 HTML 代码

<!DOCTYPE>
<html>

<Head>
<title>Day Planner</title>
<script src="plan.xml"></script>
</head>

<body>




<form method =  "post" action = "">
<p>year : </p>
  <select id="SelectYear">
    <option selected= "selected">Select Year</option>
<option>2000</option>
  </select>


<p>Month : </p>
    <select id="Month">
      <option selected= "selected">Select Month</option>
<option>7</option>
  </select>


<p>Day : </p>

  <select id="Day">
    <option selected= "selected">Select Day</option>
<option>4</option>
<option>15</option>
<option>20</option>
  </select>


<p>Time : </p>

  <select id="SelectTime">
    <option selected= "selected">Select Time</option>
<option>0900</option>
<option>1300</option>
<option>1430</option>
<option>1620</option>
<option>1900</option>
  </select>


</br>
</br>

<input type = "submit" value = "Submit" />
<input type = "reset" value = "Reset" />

<p><label>your task is : <br />

</p>

</form>

</body>
</html>

我怎样才能让它工作？

我的意思是如果我在 html 中选择相同的细节，我怎样才能使同一天完成的相同任务出现？

【问题讨论】：

这肯定会帮助你：api.jquery.com/jQuery.parseXML
我没有使用JQuery的技能
@user3123342 你没有能力在你的项目中使用 jQuery 或者你不熟悉它所以你不会使用它？你将不得不以某种方式使用 javascript，如果你使用 jQuery，你只会让自己更容易。
Danny 我不熟悉它，但告诉我我是初学者，我不知道在哪里可以使用 JavaScript
这里的基本问题是XML不是一种可执行语言，它是一种存储结构化数据的格式。您不能将 XML 文件指定为脚本。脚本必须用可执行语言编写，这通常意味着 Javascript。如果您不能或不愿意学习 Javascript，那么您将无法完成此任务。没有什么“魔法”可以让你实现这一点。至少你可以使用 XSLT，但这仍然需要学习一些 Javascript，加上 XSLT，这是另一个需要吸收的大量信息。

标签： javascript html xml dom

【解决方案1】：

看看这个documentation。

要解析您的文档以便将其放入您的网页，请执行以下操作：

xmlDoc = null;
$xml = null;

$.get('file_to_read.xml', function(data) {
    var xml = data;
    xmlDoc = $.parseXML(xml);
    $xml = $(xmlDoc);
}, 'xml');

【讨论】：

Mohammad Areeb Siddiqui thanx 但是我应该把这段代码放在哪里？