benannte zeichen per DOM einfügen

[Raik]

Hallo!

das erste problem, zu dem ich keine lösung gefunden habe, ist das ersetzen benannter zeichen.

<script type="text/javascript">
function set_currency(value){
cur=new Array("€","€","&#036;","k.&#036;","£","a.&#036;","sFr.");
document.getElementById("cur1").innerHTML = cur[value];
}
</script>

<span id=cur1>€</span>

<SELECT size=2 name=sacurrency onChange="set_currency(this.selectedIndex)">
<OPTION value=7>Euro</OPTION>
<OPTION value=1>US-Dollar</OPTION>
<OPTION value=2>Kanad. Dollar</OPTION>
<OPTION value=3>Brit. Pfund</OPTION>
<OPTION value=5>Austr. Dollar</OPTION>
<OPTION value=13>Schweizer Franken</OPTION>
</SELECT>

mit "innerHTML" geht es ($), aber ich würde ja gerne DOM-syntax benutzen und mit "firstChild.data" oder "firstChild.nodeValue" kann ich nur text einfügen (&#036;).
irgendwie müsste ich wohl ein neues element mit "createElement" erzeugen und das dann mit "appendChild" einhängen, aber ist ein benanntes zeichen ein element?

ausserdem hätte ich gerne ein "schickes" dollarzeichen mit zwei senkrechten strichen, nicht dieses hässliche, schmale mit nur einem strich. das ist vermutlich eine frage der schriftart und evtl. des zeichensatzes.
vielleicht hat ja jemand dazu eine idee?

freundl. Grüsse aus Berlin, Raik