Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/07/2015, 10:01
EdyArgueta
 
Fecha de Ingreso: abril-2014
Mensajes: 51
Antigüedad: 10 años
Puntos: 1
Mostrar Ocultar celdas en tabla

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:
Ver original
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. function ShowHide(fila) {
  4.  if ((document.getElementById(fila).style.display) == 'none') {
  5.   document.getElementById(fila).style.display = '';
  6.  }
  7.  else {
  8.   document.getElementById(fila).style.display = 'none';
  9.  }
  10. }
  11. //]]>
  12. </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>