Axel Richter: Border bei "createElement()"- Objekten

Beitrag lesen

Hallo,

Ich habe hier Script, mit dem ich eine Tabele durch createElement() erzeuge.

Wozu braucht man sowas?

Aber ich bekomme den Rahmen zwischen den Zellen nicht weg.
Hier im Beispiel sieht man den Rahmen(Abstand) zwischen den zwei Zellen.

<script>

Was für ein Script?

table = document.createElement("table");

Es ist eine schlechte Idee, eine Variable mit einem Objektnamen zu bezeichnen. In richtigen Programmiersprachen bekommst Du hier einen Compiler-Fehler.
var mytable = document.createElement("table");

var mytbody = document.createElement("tbody");
 var mytr = document.createElement("tr");
 td1 = document.createElement("td");
 td2 = document.createElement("td");

mytable.style.borderCollapse = "collapse";
mytable.style.borderSpacing = 0;
http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm

mytable.style.height = 50;
 mytable.style.width = 50;
 td1.style.backgroundColor = "#000000";
 td2.style.backgroundColor = "#000000";

document.body.appendChild(mytable);

Das Element body ist im DOM kein Unterelement von document.
Gib dem body-Tag eine id="mybody" und sprich es DOM-gerecht an.
document.getElementById("mybody").appendChild(mytable);

mytable.appendChild(mytbody);
 mytbody.appendChild(mytr);
 tr.appendChild(td1);
 tr.appendChild(td2);

</script>

viele Grüße

Axel