HTML Tabelle mit Javascript function generieren?

[Mathias Brodala]

Hallo Sally.

Wie schreibe ich mit Javascript eine function die mir diese Tabelle ausgibt? Könntet Ihr mir ein beispiel erstellen... wär echt super!!!

Für die Generierung der Tabelle sowie der img-Elemente bedarf es der createElement-Methode. Anwendungsbeispiele gibt es im Archiv.

Die Generierung von Tabellenzeilen und -zellen geht mit den insertRow- und insertCell-Methoden reicht einfach von der Hand.

Hier einmal ein kompaktes Beispiel mit einer Zeile und Zelle:

var table = document.createElement('table');  
var row = table.insertRow(-1);  
var cell = row.insertCell(-1);  
  
document.body.appendChild(table);

Diese Tabelle hat zwar noch keinerlei Inhalt, aber das Prinzip sollte deutlich werden. Ein neu generiertes img-Element müsstest du hier also mit Hilfe der http://de.selfhtml.org/javascript/objekte/node.htm#append_child@title=appendChild-Methode in „cell“ einhängen.

Ist es möglich diese Javascript function so zu schreiben das verschiedene formate möglich wären z.B. 2x2, 3x3 und natürlich wie oben in HTML die 4x4

Wenn du die entsprechende Anzahl an Zeilen und Zellen generierst, natürlich.

Einen schönen Samstag noch.

Gruß, Mathias