At fjerne felter fra en tabel med javascript
Hej eksperterJeg har et lille problem med mit script. Det meningen at man skal kunne tilføje tr og td til en tabel, det virker også fint nok. Så har jeg fået lavet en funktion hvor jeg kan slette den nedereste en af gangen, men da jeg prøver at lave en funktion, så jeg kan slette den jeg selv har lyst til (fx den i midten), så kan jeg ikke få det til at virke ordenligt.
Grunden kender jeg, da jeg ved at slette nogen før en, giver dem et andet id, en det de blev definere med. Det lidt svært at forklare, men koden er her under og i kan prøve at se om i kan slette dem alle ved at klikke hvor der står ssss ud for hver tr.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>New document</title>
<meta name="generator" content="TSW WebCoder">
<script type="text/javascript">
function appendRow() {
var tbl = document.getElementById('test');
var newRow = tbl.insertRow(tbl.rows.length);
var newCell = newRow.insertCell(0);
var newCell2 = newRow.insertCell(1);
newCell.innerHTML = '<a href="#" onclick="deleteLastRow('+tbl.rows.length+')"><b>sssss</b>'+tbl.rows.length+'</a>Hello World!';
newCell2.innerHTML = 'Hell222o World!';
}
function deleteLastRow(id) {
var tbl = document.getElementById('test');
if(!id) {
if(tbl.rows.length > 0) tbl.deleteRow(tbl.rows.length - 1);
} else {
tbl.deleteRow(id-1);
}
}
</script>
</head>
<body>
<a href="#" onclick="appendRow()">aaaa</a> - <a href="#" onclick="deleteLastRow()">sssss</a>
<table id="test">
<tr>
<td>ssssssss
</td>
<td>asd
</td>
</tr>
</table>
</body>
</html>
