CREAZIONE elemento SPAN e suo RIEMPIMENTO

Volevo creare un elemento SPAN dentro un elemento con ID noto.

/* crea elemento */
var aggiunta = document.createElement("SPAN");
alert ("op 1 - "+aggiunta);
/* riempe elemento */
aggiunta.style.color = colori[int];
alert("col "+aggiunta.style.color);

alert("testo "+aggiunta.childNodes[0].nodeValue);
aggiunta.childNodes[0].nodeValue = testi[int];
alert("testo "+aggiunta.nodeValue);
/* aggiunge elemento */
alert("pre 3");
div.appendChild(aggiunta);
alert ("op 3");

Col codice sopra creo l'elemento, gli metto il colore, quando provo a mettergli il contenuto (il testo) non va (si blocca lo script).
Ho provato anche con firstChild.nodeValue ma niente.
lasciando solo nodeValue lo script non si interrompe ma rimane "null".

Mi aiutate a trovare l'errore.

GRAZIE

cos'è un elemento SPAN???

SPAN e' un elemento in linea (diciamo cugino di P e DIV che pero' sono elementi blocco).

PRECISAZIONE:
gli "alert" li ho messi per controllare il funzionamento.
(in uno e' rimasto "aggiunta.nodeValue" senza "firstChild" ma non e' quello il problema)

[dementialsite]

Il tuo errore è che "ti rendi conto" che il testo debba essere un nodo discendente rispetto allo SPAN, ma non l'hai ancora creato... in sintesi, dovresti usare questo codice:

var text = document.createTextNode (testi[int]);
aggiunta.appendChild (text);

oppure, in modo più semplice:

aggiunta.innerHTML = testi[int];

Stammi bene...