Tabellenzeil...

Javascript bietet auch eine Funktion mit der man dynamisch Tabellen Zeilen hinzufügen und entfernen kann.

Hier mal ein Beispiel wie man eine Zeile hinzufügt:

1
2
3
4
5
6
7
8
9
10
11

function addNewRow() {
	tableObj = document.getElementById('tableCol');
	// add new row at the end
	row = tableObj.insertRow(-1);
 
	var x=row.insertCell(0);
	x.innerHTML="cell1";
 
	var z=row.insertCell(1);
	z.innerHTML="cell2";
}

Diese Funktion legt an der tabelle mit der ID "tableCol" eine Neue Reihe am Ende ( das -1 bei .insertRow ) an. Dies kann beliebig oft wiederholt werden.

Weiter Beispiele und Quellen:

• JavaScript HTML DOM Examples
• Delete rows in a table
• Add rows to a table