Как я могу разобрать тег XML, который имеет более одного атрибута?

Question

Мне нужна помощь в получении этого XML для форматирования, чтобы я мог поместить его в элемент HTML.

Вот мой XML, сгенерированный программным обеспечением:

<event status="coming up">
    <song title="Summer Of '69">
        <artist name="Bryan Adams" id="" url="">
            <info starttime="03:28:44" jazlerid="1997" playlisterid=""> 
                <media runtime="03:27">
                    <songurl></songurl>
                    <songbarcode></songbarcode>
                    <songcdkey></songcdkey>
                </media>
            </info>
        </artist>
    </song>
    <song title="Doing It All For My Baby">
        <artist name="Huey Lewis &amp; The News" id="" url="">
            <info starttime="03:32:11" jazlerid="2312" playlisterid=""> 
                <media runtime="03:25">
                    <songurl></songurl>
                    <songbarcode></songbarcode>
                    <songcdkey></songcdkey>
                </media>
            </info>
        </artist>
    </song>
    <song title="Freeway Of Love">
        <artist name="Aretha Franklin" id="" url="">
            <info starttime="03:35:36" jazlerid="1843" playlisterid=""> 
                <media runtime="05:44">
                    <songurl></songurl>
                    <songbarcode></songbarcode>
                    <songcdkey></songcdkey>
                </media>
            </info>
        </artist>
    </song>
    <song title="All I Need Is A Miracle">
        <artist name="Mike &amp; The Mechanics" id="" url="">
            <info starttime="03:41:21" jazlerid="2538" playlisterid="">   
                <media runtime="04:03">
                    <songurl></songurl>
                    <songbarcode></songbarcode>
                    <songcdkey></songcdkey>
                </media>
            </info>
        </artist>
    </song>
    <song title="Sweet Nothing PLAY !!!!">
        <artist name="Calvin Harris with Florance Welsh" id="" url="">
            <info starttime="03:45:33" jazlerid="5362" playlisterid="">   
                <media runtime="03:26">
                    <songurl></songurl>
                    <songbarcode></songbarcode>
                    <songcdkey></songcdkey>
                </media>
            </info>
        </artist>
    </song>
</event>

Я знаю, как получить это на моей веб-странице с этим кодом:

  function loadnext() 
  {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) 
    {
      document.getElementById('ntn').innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "AirPlayNext.xml"+ ((/\?/).test("AirPlayNext.xml") ? "&" : "?") + (new Date()).getTime());
  xhttp.setRequestHeader( 'CacheControl', false );
  xhttp.send();
}

Приведенный выше код получает данные и вставляет их в тег HTML. Я также добавил подпрограмму даты для принудительного обновления (что предотвращает кэширование xhr во всех браузерах)

Я знаю, как анализировать один атрибут, но как вы анализируете все атрибуты из одного тега XML?