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

SELF-Forum

HTML Text dynamisch per JS ändern ...

photografx
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. HTML Text dynamisch per JS ändern ...

    steckl
    – Informationen zu den Bewertungsregeln

    Hi,

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

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

    Einfacher wäre es mit folgender Funktion:

    function writeLabel(labelText) {  
  document.getElementById("label").[link:http://de.selfhtml.org/javascript/objekte/all.htm#inner_html@title=innerHTML] = labelText;  
}

    (ungetestet)

    mfG,
    steckl

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. HTML Text dynamisch per JS ändern ...

      photografx
      – Informationen zu den Bewertungsregeln

      Einfacher wäre es mit folgender Funktion:

      function writeLabel(labelText) {

      document.getElementById("label").[link:http://de.selfhtml.org/javascript/objekte/all.htm#inner_html@title=innerHTML] = labelText;
      }

        
das "meinte ich mit klacks"  
  

> mfG,  
> steckl  
  
merci  
AlexxJ
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln