在Javascript中解析XML时从父节点获取属性

Question

I have an XML similar to this (but less fake, not to reveal the true and boring nature of my hobby projects)

<day date="2017-01-01">
 <event>
    <name>Birthday party</name>
    <time>18:00</time>
 </event>
 <event>
    <name>Concert</name>
    <time>21:00</time>
 </event>
</day>

<day date="2017-01-02">
 <event>
    <name>Debate</name>
    <time>12:00</time>
 </event>
</day>

I would like the final output to be something like this:

Birthday party      18:00   2017-01-01
Concert             21:00   2017-01-01
Debate              12:00   2017-01-02

How can I pass the date attribute down to each event, which I'm parsing like this:

var x=xmlDoc.getElementsByTagName("event");
 for (i=0;i<x.length;i++) {
  document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
  document.write(x[i].getElementsByTagName("time")[0].childNodes[0].nodeValue);
  }

I know it should be possible to use getAttribute but I'm just not getting it to work properly.

Answer 1

You need another for to iterate a days. Something like this:

 var days=xmlDoc.getElementsByTagName("day"); for (i=0;i<days.length;i++) { events=xmlDoc.getElementsByTagName("event"); for (j=0;j<events.length;j++) { document.write(events[j].getElementsByTagName("name")[0].childNodes[0].nodeValue); document.write(events[j].getElementsByTagName("time")[0].childNodes[0].nodeValue); document.write(days[i].getElementsByTagName("date")[0].childNodes[0].nodeValue); } }