Problema con appendchild (Javascript-HTML)

[belen]

mi código es este:

for (var i = 1; i < 11; i++) {

      div = document.getElementById("posts");

      cadena1 = "objeto_json.post"+i+".title";
      post = eval("("+cadena1+")");

      cadena2 = "objeto_json.post"+i+".url";
      url = eval("("+cadena2+")");

      a = document.createElement("a");
      a.setAttribute("href","#");
      a.innerText = post;
      a.id = "post "+i;
      //a.setAttribute("onclick", "cargarPagina(url)");
      //a.addEventListener("click", cargarPagina(url));

      div.innerHTML += " - ";
      div.appendChild(a);
      div.innerHTML += "<br>";
  }

el problema es q siempre me pone el primer appendchild y nada más. Tiene q poner en total 10. Si alguien me puede dar una mano muchas gracias ! Besos !

[coco]

...

yo creo que "div = document.getElementById("posts");" deberia estar afuera del for, fijate que pasa (dudo que se arregle). yo nunca use esas funciones del lenguaje, yo siempre iba a lo cabeza con .innerHTML = obj.innerHTML + "<a href=\"index.html\">index</a>\n"; para dar un ejemplo.

saludos