Hola a todos
Estoy tratando de ocultar y desocultar estas tablas con este codigo pero no me funciona. Alguien sabe cual es el error...
<script language="JavaScript">
function apareceTabla1()
{
document.getElementById('Tabla1').style.display ='block';
document.getElementById('Tabla2').style.display ='none';
}
function apareceTabla2()
{
document.getElementById('Tabla1').style.display ='none';
document.getElementById('Tabla2').style.display ='block';
}
function apareceTabla1y2()
{
document.getElementById('Tabla1').style.display ='block';
document.getElementById('Tabla2').style.display ='block';
}
</script>
y en el body:
<table>
<tr>
<td >
<table id="Tabla1" style="display:none;">
<tr>
<td width="100%"> Tabla1</td>
</tr>
</table>
<table id="Tabla2" style="display:none;">
<tr>
<td width="100%"> Tabla2</td>
</tr>
</table>
</td>
</tr>
</table>
<input type="button" name="Button2" value="aparece tabla 1">
<input type="button" name="Button" value="aparece tabla 1 y 2">