deel content van een element wijzigen

Ik heb een span element, met daarin eerst een tekst en daarna een lijst, zoiets:

<span>
Tekst
<ul>
<li>element</li>
<li>element</li>
</ul>
</span>

Nu wil ik de Tekst wijzigen na het span element. Maar met behoud van de lijst en behoud van de functie die ik met javascript aan de li element heb gegeven.

De lis een id geven?
En dan met js leeg maken?

probleem opgelost:

var span = getElementsByTagName("span")[0];
span.removeChild(span.firstChild);
span.insertBefore(document.createTextNode("wijziging"), span.getElementsByTagName("ul")[0]);