eisen: Tabelle dynamisch erzeugen

Beitrag lesen

kurzes Beispiel:

//Attributknoten einfügen (id, class, etc.)
function addAtribute(tObj, aType, aValue) {
 var tAtt=document.createAttribute(aType);
 tAtt.nodeValue=aValue;
 tObj.setAttributeNode(tAtt);
}

var tObj = document.getElementById("tabelle1"); //sei das tabelle1 ein <div id="tabelle1">

tObj=tObj.appendChild(document.createElement("table"));
tObj=tObj.appendChild(document.createElement("tbody"));
for (var i=0; i<zeilen; i++) {
 var tRow=tObj.insertRow(i); //neue Zeile nach der letzten
 addAtribute(tRow, "id", i); //Zeilennummer als Id

var tCell=tRow.insertCell(0); //neue Spalte bzw. neue Zeile
 tCell=tRow.insertCell(1); //noch ne Zelle hinter der letzten
 tCell.appendChild(document.createTextNode("blabla")); //irgendwas in die letzte Zelle schreiben
}