photografx: HTML Text dynamisch per JS ändern ...

Beitrag lesen

Hallo liebe SELFHTML-community ...

bin zugegebenermassen ein JS-Newbie ...
ich finde leider keine passende lösung für

meine problemstellung:

per buttonklick soll ein Text in dem <Div id="label"> feld auf der Seite geändert werden ...

soweit habe ich es auch schon geschafft ... (ich denke nur etwas kompliziert)nur hänge ich mich gerade dran auf das mit einem klick auf den nächsten button der text aktualisiert wird und nicht noch ein "child" angehängt wird ...
---------------------------------------------------------------
HTML (auszug)
<body>
<div id="pkNavi">
 Preiskategorie in Euro
 <a href="../listen/g100.html" target="liste" onclick="javascript:writeLabel('Grundst&uuml;cke bis &euro; 100.000,-')">bis &euro; 100.000,-</a>
 <a href="../listen/g150.html" target="liste" onclick="javascript:writeLabel('Grundst&uuml;cke bis &euro; 150.000,-')">bis &euro; 150.000,-</a>
 <a href="../listen/g200.html" target="liste" onclick="javascript:writeLabel('Grundst&uuml;cke bis &euro; 200.000,-')">bis &euro; 200.000,-</a>
 <a href="../listen/g200+.html" target="liste" onclick="javascript:writeLabel('Grundst&uuml;cke &uuml;ber &euro; 200.000,-')">über &euro; 200.000,-</a>
 <div id="label"></div>
</div>
---------------------------------------------------------------

und die dazugehörige JS datei:

function writeLabel(labelText) {
 var myLabel = document.createElement("p");
 var myText = document.createTextNode(labelText);
 myLabel.appendChild(myText);

var Ausgabebereich = document.getElementById("label");
 Ausgabebereich.appendChild(myLabel);
}
---------------------------------------------------------------

Vielen dank im Voraus ... (ich denke es ist ein "klacks" ! ;))

lg
photografx