Zeile löschen
Kopieren Sie den Codecode wie folgt:
<Skript>
functiondel(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<Körper>
<Tabelle>
<tr>
<td>Zelle 1</td>
<td><input type=button value="Diese Zeile löschen" onclick="del(this)"></td>
</tr>
<tr>
<td>Zelle 2</td>
<td><input type=button value="Diese Zeile löschen" onclick="del(this)"></td>
</tr>
<tr>
<td>Zelle 3</td>
<td><input type=button value="Diese Zeile löschen" onclick="del(this)"></td>
</tr>
</table>
</body>
Zeile hinzufügen
Kopieren Sie den Codecode wie folgt:
<Skript>
Funktion uf_test(){
//Tabellenobjekt abrufen
var tbTable = document.getElementById("tb_test");
//Eine Zeile einfügen
var trT = tbTable.insertRow();
//Erhalte die td-Nummer der vorherigen Zeile
var nRows = tbTable.rows[0].cells.length;
// Fügen Sie td entsprechend der td-Nummer der vorherigen Zeile in eine Schleife ein
for(var i = 0; i < nRows; i++){
//TD-Objekt erstellen
var tdT = document.createElement("TD");
//Wert dem td-Objekt zuweisen
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
// td zu tr hinzufügen
trT.appendChild(tdT);
}
}
</script>
<table id="tb_test">
<tr>
<td><input type="text"></td>
</tr>
</table>
<input type="button" onclick="uf_test();" value="Zeile hinzufügen">