Border bei "createElement()"- Objekten

[Commander]

Ich habe hier Script, mit dem ich eine Tabele durch createElement() erzeuge.
Aber ich bekomme den Rahmen zwischen den Zellen nicht weg.
Hier im Beispiel sieht man den Rahmen(Abstand) zwischen den zwei Zellen.

<script>

table = document.createElement("table");
 tbody = document.createElement("tbody");
 tr = document.createElement("tr");
 td1 = document.createElement("td");
 td2 = document.createElement("td");

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

document.body.appendChild(table);
 table.appendChild(tbody);
 tbody.appendChild(tr);
 tr.appendChild(td1);
 tr.appendChild(td2);

</script>

Hat jemand ne Idee?

[Axel Richter]

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

[Commander]

Wozu braucht man sowas?

Ich brauche das für eine dynamische Erstellung, mit verschiedenen Größen etc.

Es ist eine schlechte Idee, eine Variable mit einem Objektnamen zu bezeichnen. In richtigen Programmiersprachen bekommst Du hier einen Compiler-Fehler.

Danke für den Tip. Ich hatte es so gelernt.

mytable.style.borderCollapse = "collapse";

Danke, das mit dem borderCollapse ist richtig. Es klappt jetzt super.

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);

Danke, ist mir auch neu.

Großen Dank für die super Hilfe.