In een pagina met meerdere rijen, probeer ik functionaliteit in te bouwen die het mogelijk maakt met JavaScript willekeurige rijen te verwijderen.
De rijen bestaan ieder uit 1 tabel welke dus gevuld is met 1 rij.
Wanneer deze tabel in een DIV staat, werkt JavaScript met document.getElementById prima.
Wanneer echter op een pagina meer DIV bestaan, die een functie hebben, werkt het script niet meer. Blijktbaar identificeert document.getElementById de DIV niet meer correct.
Iemand een idee hoe dit op te lossen is? Het is niet mogelijk bestaande DIV's eerder te sluiten.
Voorbeeldcode:
De rijen bestaan ieder uit 1 tabel welke dus gevuld is met 1 rij.
Wanneer deze tabel in een DIV staat, werkt JavaScript met document.getElementById prima.
Wanneer echter op een pagina meer DIV bestaan, die een functie hebben, werkt het script niet meer. Blijktbaar identificeert document.getElementById de DIV niet meer correct.
Iemand een idee hoe dit op te lossen is? Het is niet mogelijk bestaande DIV's eerder te sluiten.
Voorbeeldcode:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
<script>
function deleteElement2(obj) {
var elObj = document.getElementById(obj);
document.body.removeChild(elObj);
}
</script>
</head>
<body>
<div id="30" >
<table border="1">
<tr>
<td width="100">30</td>
<td width="100">example</td>
<td width="100">that</td>
<td width="100">does</td>
<td width="100">work</td>
<td><a href="javascript:;" onclick="deleteElement2('30')">delete this row</a></td>
</tr>
</table>
</div>
<br>
<div id="content">
<div id="31" >
<table border="1">
<tr>
<td width="100">31</td>
<td width="100">example</td>
<td width="100">that</td>
<td width="100">doesn't :-( </td>
<td width="100">work</td>
<td><a href="javascript:;" onclick="deleteElement2('31')">delete this row</a></td>
</tr>
</table>
</div>
</div> <!-- end of content div -->
</body>
</html>
