Accedere ad un textNode

[wino_7]

Salve a tutti non riesco a capire perchè non mi funziona il seguente script per la manipolazione del DOM.

Ho il seguente frammento di HTML (che non posso modificare perchè mi occupo solo della parte lato server in questo lavoro)

 <input type="text" name="username" id="username" class="validate[required] text-input" value="" size="22" />
<label for="username">Username <span class="red"> *</span></label>
</p>

Ed ho scritto il seguente script javascript che mi deve sovrascrivere il testo contenuto nel tag small.

var input = document.getElementById("username");
var label = input.nextSibling;
var small = label.firstChild;
var testo = small.firstChild;
small.removeChild(testo);
var newText = createTextNode(nome);
small.appendChild(newText);

logicamente non funziona e non capisco perchè, qualcuno può darmi una dritta?

[Vindav]

ma non puoi recuperarti direttamente il tag small con la funzione document.getElementsByTagName?

[wino_7]

Certo che potrei farlo ma non risolve di certo il problema che ho.

[Vindav]

no?

 <input type="text" name="username" id="username" class="validate[required] text-input" value="" size="22" />
<label for="username">Username <span class="red"> *</span></label>
</p>

var small = document.getElementsByTagName("small");
small[0].innerHTML = "Ciao";

Ti ho chiesto se puoi usarlo perche potresti avere piu tag small e non sapere come identificarli, un metodo potrebbe essere questo if(small[i].firstChild.nodeValue == "Username") cioè verifico se all'interno del tag small ci sia il testo corretto. Ovvimanete se ci sono piu tag small devi prima farti un ciclo.

Se invece vuoi mantenere il tuo codice devi modificare la riga input.nextSibling con input.nextSibling.nextSibling. Altrimenti non vai a recuperare il tag "label" ma il textNode della casella di input