如何在DOM HTML中遍历XML文档?

时间:2013-12-20 16:09:09

标签: javascript html xml dom

我遇到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中选择相同的细节,我怎样才能看到在同一天完成的相同任务?

1 个答案:

答案 0 :(得分:0)

查看此documentation

要解析文档以便将其放入网页,请执行以下操作:

xmlDoc = null;
$xml = null;

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