[mano]

Hallo,
um Tabellenzeilen auszublenden möchte ich gerne folgendes Script verwenden. Problem dabei ist nur, dass die Zeile id.length nicht die richtige Anzahl der Elemente ermittelt. Woran könnte das liegen? bzw. wie bekomme ich die richtige Anzahl heraus?

 
//....
 
<a href="#" onclick="toggle_table_row('foo');">ausblenden</a>
<a href="#" onclick="toggle_table_row('bar');">ausblenden</a>
 
<tr id="foo[1]">
<td>huhu</td>
</tr>
<tr id="foo[2]">
<td>huhu</td>
</tr>
<tr id="foo[3]">
<td>huhu</td>
</tr>
<tr id="bar[1]">
<td>huhu</td>
</tr>
//...
 
function toggle_table_row(id) {
  for (i=1; i < id.length; i++) {
    var element = document.getElementById(id+"["+i+"]");
    if (element.style.display == 'none') {
      element.style.display = 'block';
    } else {
      element.style.display = 'none';
    }
  }
}