Ispis xml-a kroz javascript

Bok ljudi, 

radim zadatak u koji mi spada čitanje podataka iz XML-a sa JavaScriptom te ispis u HTML

i nikako ne uspijevam dobiti ono što želim pa ako mi netko moze samo ukazati na pogrešku i pokušati pomoći jer nisam bas stručan sa ovakvim stvarima.

Funkcijom list() pokusavam pričitati podatke iz xml-a, spremiti u varijable te ispisati u html u obliku, funkciju pozivam u body onload.

<ul>

       <li id="1"></li>

       <li id="2"></li>

       <li id="3"></li>

       <li id="4"></li>

       <li id="5"></li>

       <li id="6"></li>

       <li id="7"></li>

       <li id="8"></li>

       <li id="9"></li>

       <li id="10"></li>

</ul>

function list()

{

   if (window.XMLHttpRequest)

   {

     xmlhttp = new XMLHttpRequest();

   } else {

     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

   }

   xmlhttp.open("GET", "mob.xml", false);

   xmlhttp.send();

   var xml_document = xmlhttp.responseXML;

   var lista = xml_document.childNodes[0];

   for (var i = 0; lista.children.length > i; i++) {

     var mob = lista.children[i]

     var mark = mob.getElementsByTagName("mark")[0].childNodes[0].textContent

     var model = mob.getElementsByTagName("model")[0].childNodes[0].textContent

     document.getElementById("i").innerHTML = mark + " " + model

   }

}

dio xml-a:

<lista>

  <mob>

<mark>HTC</mark>

<model>One</model>

<color>Siva, crna, bijela</color>

<price>4.200kn</price>

<image>images/htc_one.jpg</image>

</mob>

<mob >

<mark>Sony</mark>

<model>Xperia T</model>

<color>Crna, bijela</color>

<price>2.500kn</price>

<image>images/sony_xperia_t.jpg</image>

</mob>

</lista>

Sve je to super, samo sto se ovdje radi o seminarskom radu a nije dopušteno koristit jQuery. pregledao sam sve moguce tutorijale i po svemu mi ovo izgleda uredu, samo je malo problem što ne radi...