Felix Riesterer: Text in div schreiben

Beitrag lesen

Lieber pankraz,

Ich möchte eine Finktion basteln

aha... was ist das?

var text = "der text der im div sein sollte";

Soweit ist das OK.

document.all.message.innerHTML = text;

Das solltest Du ganz schnell wieder vergessen!! "document.all" war nie JavaScript-Standard, sondern immer Microsoft-only. Informiere Dich genauer über das http://de.selfhtml.org/javascript/objekte/all.htm@title=all-Objekt!.

Was Du suchst, ist im Grunde genommen der Umgang mit HTML-Element-Objekten (auch "http://de.selfhtml.org/javascript/objekte/node.htm@title=node" genannt). Du brauchst zum einen http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=getElementById(), um Dein Elementobjekt "anfassen" zu können, und dann verschiedene Methoden, um etwas mit ihm anzustellen.

Du willst Text in ein <div> schreiben? Warum muss es ein <div> sein? Nimm doch ein <p>! JavaScript ist es egal, was für ein HTML-Element die ID hat, es wird die Methoden ebenso auf ein <div> anwenden, wie es das auch auf ein <p> tun würde...

So. Dein Text ist in JavaScript auch ein Objekt, denn in JavaScript ist einfach alles ein Objekt. Und damit Dein Text im passenden HTML-Element (mir wäre ein <p> echt lieber) hineingepflanzt werden kann, muss aus Deinem Text ersteinmal ein sogenannter Textknoten (textNode) werden. Dazu gibt es document.http://de.selfhtml.org/javascript/objekte/document.htm#create_text_node@title=createTextNode("text...."). Diesen Textknoten kannst Du dann in Dein HTML-Element einhängen. Dazu hat ein jedes HTML-Element (das auch ein Objekt in JavaScript darstellt) eine passende Methode (oder auch Funktion) dafür: meinElement.http://de.selfhtml.org/javascript/objekte/node.htm#append_child@title=appendChild(Knoten).

function ani() {  
    var meinText = "der Text, der da irgendwo hin soll.";  
    var textKnoten = document.createTextNode(meinText);  
    var meinElement = document.getElementById("dieID");  
  
    meinElement.appendChild(textKnoten);  
}

Funktion verstanden?

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)