Manchmal kann es notwendig sein in eine HTML-Seite per JavaScript eine Tabelle hinzuzufügen. Hier ein kleines Beispiel mit einer entsprechenden JavaScript-Funktion welche hierbei nützlich sein kann:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script language="javascript">
function start() {
node = document.getElementById("tabelle1");
node.parentNode.insertBefore(createTable(3, 3), node );
}
function createTable(row, col, id) {
var myTable = document.createElement("table");
var mytablebody = document.createElement("tbody");
for(var j = 0; j < row; j++) {
mycurrent_row = document.createElement("tr");
for(var i = 0; i < col; i++) {
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("row"+j+", column "+i);
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
}
mytablebody.appendChild(mycurrent_row);
}
myTable.appendChild(mytablebody);
myTable.setAttribute("ID", id);
return myTable;
}
</script>
</head>
<body onload="javascript:start()">
<table width="100" border="0" cellpadding="0" cellspacing="1" id="tabelle1">
<tr>
<td>Feld 1 </td>
<td>Feld 2 </td>
<td>Feld 3 </td>
</tr>
</table>
</body>
</html>