Mit diesem JavaScript können Sie auf der Seite, durch einen Klick eine neue Zeile in einer Tabelle zufügen.
Autor: Scriptbreaker
zur Demo
in <head> einfügen
<SCRIPT LANGUAGE="JavaScript">
<!-- Scriptbreaker (pieterpareit@hotmail.com) -->
<!-- Begin
function addRow(id){
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode("column 1"))
var td2 = document.createElement("TD")
td2.appendChild (document.createTextNode("column 2"))
row.appendChild(td1);
row.appendChild(td2);
tbody.appendChild(row);
}
// End -->
</script>
in <body> einfügen
<a href="javascript:addRow('myTable')">Add row</a>
<table id="myTable" cellspacing="0" border="1">
<tbody>
<tr>
<td>row1_column1</td><td>row1_column1</td>
</tr>
</tbody>
</table> |