Einbinden von Knoten in eine Tabelle/ Adressierung der neuen Kn.

[ptr]

<table width="110" border="1" align="center" valign="top" id="box"></table>

<script type="text/javascript">
<!--

var box = document.getElementById("box");

var tabellenreihe  = document.createElement("tr");
var tabellenspalte = document.createElement("td");
var tabellenfarbe  = document.createAttribute("bgcolor");
    tabellenfarbe.nodeValue = "#FFCC66";
var span           = document.createElement("span");
var umbruch        = document.createElement("br");
var umbruch2       = document.createElement("br");
var fett           = document.createElement("b");
var italic         = document.createElement("i");

function intruder()
{
   var datum = document.createTextNode("datum");
   var nick  = document.createTextNode("nick");
   var text  = document.createTextNode("text");

box.childNodes[0].appendChild(tabellenreihe);
box.childNodes[0].childNodes[0].appendChild(tabellenspalte);
box.childNodes[0].childNodes[0].childNodes[0].setAttributeNode(tabellenfarbe);
box.childNodes[0].childNodes[0].childNodes[0].appendChild(span);
box.childNodes[0].childNodes[0].childNodes[0].childNodes[0].style.fontSize = "7pt";
box.childNodes[0].childNodes[0].childNodes[0].childNodes[0].appendChild(datum);
box.childNodes[0].childNodes[0].childNodes[0].appendChild(umbruch);
box.childNodes[0].childNodes[0].childNodes[0].appendChild(fett);
box.childNodes[0].childNodes[0].childNodes[0].childNodes[2].appendChild(nick);
box.childNodes[0].childNodes[0].childNodes[0].appendChild(umbruch2);
box.childNodes[0].childNodes[0].childNodes[0].appendChild(italic);
box.childNodes[0].childNodes[0].childNodes[0].childNodes[4].style.width = "104px";
box.childNodes[0].childNodes[0].childNodes[0].childNodes[4].style.overflow = "hidden";
box.childNodes[0].childNodes[0].childNodes[0].childNodes[4].appendChild(text);

***********************************************
sollte auch so gehen:

var zeile=box.childNodes[0].appendChild(tabellenreihe);
var zelle=zeile.appendChild(tabellenspalte);
zelle.setAttributeNode(tabellenfarbe);
var bereich=zelle.appendChild(span);
bereich.style.fontSize="7pt";
bereich.appendChild(datum);
zelle.appendChild(umbruch);
var fettertext=zelle.appendChild(fett);
fettertext.appendChild(nick);
umbruch2=umbruch.cloneNode(true);
zelle.appendChild(umbruch2);
var kursivtext=zelle.appendChild(italic);
kursivtext.style.width="104px";
kursivtext.style.overflow="hidden";
kursivtext.appendChild(text);
**************************************
oder für die letzten 3 Zeilen:
with(kursivtext){style.width="104px";style.overflow="hidden";appendChild(text);}
*************************************************************************

die nächste Tabellenzeile läßt sich auch so erzeugen:

var zeile2=zeile.cloneNode(true);
zeile2.childNodes[0].childNodes[0].childNodes[0].nodeValue=datum2;
zeile2.childNodes[0].childNodes[2].childNodes[0].nodeValue=nick2;
zeile2.childNodes[0].childNodes[4].childNodes[0].nodeValue=text2;
box.childNodes[0].appendChild(zeile2);

*********************************************************
ACHTUNG:
Für datum2, nick2 und text2 keine neuen Textknoten erzeugen, sondern einfach nur die entsprechenden Strings in die Variablen speichern.
Die Textknoten sind schon vorhanden, es muß nur deren Wert (value) geändert werden.

}

//-->
</script>