Hola,

haber tengo un documento html, donde aparecen dos botones, y dos tablas.

Lo que quiero hacer es que salgan esos dos botones, y sólo una tabla y la otra que no aparezca, como si estuviese oculta. Uno de esos botones debe hacer que aparezca la otra tabla, y que la anterior tabla desaparezca. Y con el otro botón pues lo opuesto.

Haber si hay alguién que me pueda ayudar con esto.

Bye

Pues muy sencillo.

Primero, a cada tabla le asignas un identificador. Es decir, le añades un nombre mediante el atributo "id" que va dentro del tag <table> en tu caso. Por ejemplo:

<table ...blablabla... id="tabla1">
<table ...blablabla... id="tabla2">

Ahora, además, a la tabla que deba estar inicialmente escondida le añades style="display:none". Quedaría así:

<table ...blablabla... id="tabla1">
<table ...blablabla... id="tabla2" style="display:none">

Luego, cada uno de los botones deberá tener una función javascript asociada a ellos mediante el evento "onClick". Es decir, que en los botones tendrás:

<button (o bien input) ...blablabla... onClick="intercambia('X')">

En donde X es el nombre identificador de la tabla que deberá APARECER (si usas el sigueinte código tal cual está). La función contendrá el siguiente código:

function intercambia (indicador)
{

primera_tabla = document.getElementById("tabla1");
segunda_tabla = document.getElementById("tabla2");

if (indicador == "tabla1")
{
segunda_tabla.style.display="none";
primera_tabla.style.display="";
}
else
{
primera_tabla.style.display="none";
segunda_tabla.style.display="";
}


Y con eso está todo.