[SOLUCIONADO] Insertar código dinámicamente

[JUMASOL]

Hola.

Tengo casi terminado un tema que requiere de la inserción de una serie de divs como el que sigue:

Código:

<div><a title="titulo 1" class="ico" href="categoria-a">Categoría A</a></div>

Que tiene que insertarse en otro div ya construido y presente en el DOM.

Por supuesto, no puede colocarse así sin más:

Código:

document.getElementById("eldiv").innerHTML = "
<div><a title="titulo 1" class="ico" href="categoria-a">Categoría A</a></div>
";

Pero lo que tampoco quiero hacer es tener que ir creando cada div y luego cada elemento dentro del mismo, porque se haría eterno (son más de 20 divs con enlaces como el expuesto).

¿Puede reescribirse de alguna forma para que después se inserte como véis en el ejemplo?

Gracias.

[alvaro_trewhela]

Nada recomendado usar innerHTML para este caso, usa appenchild y como son 20, usa for o while.

[JUMASOL]

Gracias Álvaro.