Mostrar Ocultar celdas en tabla

[EdyArgueta]

Hola a todos quisiera tengo el siguiente codigo que oculta y muestra celdas en una tabla el problema es que solo trabaja con id y al momento de ponerlo con class o name me da un error de Display y no entiendo por que alguien puede indicarme cual getElement tengo que utilizar

Saludos

Codigo java

Código Java:

<script type="text/javascript">
//<![CDATA[
function ShowHide(fila) {
 if ((document.getElementById(fila).style.display) == 'none') {
  document.getElementById(fila).style.display = '';
 }
 else {
  document.getElementById(fila).style.display = 'none';
 }
}
//]]>
</script>
 

tabla

Código HTML:

<table border='1' style="border-collapse:separate;empty-cells:hide;">
<tr bgcolor='silver'>
<th align='center' width='100'>N° Id</th>
<th align='center' width='100'>DNI</th>
<th align='center'>Nombre</th>
<th align='center'>E-mail</th>
<th align='center'>&nbsp;</th>
</tr>
 

 
<tr>
<td align='center'>ID_2</td>
<td align='center'>DNI_2</td>
<td>Nombre_2</td>
<td>Email_2</td>
<td><button onclick='ShowHide("a1112")'>Ver Grupos</button></td>
</tr>


<tr id='a1112' >
<td align='center'>1</td>
<td align='center'>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>



</table> 

[PHPeros]

Lo que ocultas en sí son las filas, no las celdas... En vez de usar un ID o clase por cada fila, sería más cómodo trabajar con la colección rows[] y pasar el índice específico de la fila que desees ocultar.

[EdyArgueta]

Gracias por tu respuesta utilice este método

Código Javascript:

<script type="text/javascript">
//<![CDATA[
function ShowHide(fila) {
var elems = document.getElementsByName(fila);
 
for (var i = 0; i < elems.length; i++) {
    if (elems[i].style.display === "none") {
        elems[i].style.display = "";
    } else {
        elems[i].style.display = "none";
    }
}
}
</script>
 

no imaginaba el gran detalle de trabajar con indice en java aun soy novato en esa parte :)