funktionsaufruf durch eventhandler in document.write()

[Alexander (HH)]

Moin Moin!

ich sehe schon ich komme um Knoten nicht herum. Wirkt nicht so leicht und etwas umständlich.

Aber wesentlich sauberer. Die Knoten bilden exakt den Dokumentenbaum ab, Javascript bietet allerdings zahlreiche Attribute und Methoden an, um vom einen zum anderen Knoten zu kommen.

Vielleicht hilft es Dir, eine einfache HTML-Datei einmal sauber einzurücken, auszudrucken, und dann zu jedem Element ("node") je einen Pfeil zum parent, zum firstChild, und zum lastChild zu machen. Whitespace (Zeilenumbrüche, Tabulatoren, Leerzeichen) erzeugt ebenfalls Knoten, darauf fällt man gerne mal herein.

Dann kannst Du anhand der Zeichnung mal das eine oder andere Element ansprechen und z.B. per style zu markieren, so etwas wie document.getElementById("foo").firstChild.lastChild.firstChild.style.border="2px solid red"; (Wer sowas produktiv einsetzt, muß sehr verzweifelt sein. ;-) )

Neue Unterbäume erzeugt Du im prinzip genau so. Wo Du bisher document.write("<p>bla</p>") genutzt hast, erzeugst Du jetzt ein P-Element, dem Du ein Text-Element als einziges Kind anhängst; dann hängst Du das P-Element an passender Stelle in den Dokumentbaum ein.

Alexander