Rondra: HTML-Attribute mit Javascript ändern

Beitrag lesen

Hallo,

ist es überhaupt möglich, eine bestehende Tabelle mit javascript zu verändern? Will dynamisch ein colspan="2" in eine zelle setzen.
Ich habe nun fast 3 stunden recherchiert und ausprobiert. Aber es will einfach nicht funzen!

<html>
<head><title>klappen</title>
<script>

function det()
{

if (document.getElementById('det').style.display=='block')
{
  document.getElementById('col').setAttribute("colspan","2");
  document.getElementById('det').style.display = "none";
}
else
{
  document.getElementById('col').setAttribute("colspan","1");
  document.getElementById('det').style.display = "block";
}
}
</script>
</head>
<body>
 <table border="1" width="100%" height="100%">
  <tr>
   <td>left</td>
   <td>CENTER</td>
   <td><div onclick="det()" style="cursor:pointer;">klappen</div><br>
   </td>
  </tr>
  <tr>
   <td>leer</td>
   <td id="col">leer</td>
   <td id="det" style="display:block;">leer</td>

</table>
</body>
</html>

Danke für jeden Tipp!
Rondra