Hallo Aqua,
das kannst Du über die Methoden innerHTML oder nodeValue + firstChild:
http://selfhtml.teamone.de/javascript/objekte/all.htm#inner_html
(Anmerkung: wird nunmehr auch von den neusten Geckos unterstützt und nicht nur vom IE und braucht all nicht)
http://selfhtml.teamone.de/javascript/objekte/node.htm#node_value
http://selfhtml.teamone.de/javascript/objekte/node.htm#first_child
Auf das Element <span id="foo"> kannst Du mittels getElementByID("foo") zugreifen:
http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id
Zum auslösen eines Hover-Effektes bediene Dich der passenden EventHandler onMouseover und onMouseout:
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseover
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseout
Und für Deine nächste Frage sei so frei und gucke doch mal erst unter http://selfhtml.teamone.de/javascript/index.htm nach, ob sich dort nicht etwas passendes finden läßt!
Gruß aus Berlin!
eddi