mover una tabla....

[RockXellos]

Estimados:::

Necesito una mano, otra vez...

Tengo un formulario que tiene una cantidad n de textbox, me refiero que el usuario tiene un boton "nuevoItem", con el cual aparece un nuevo textbox para que ingrese un nuevo "ITEM" y puede ingresar tantos como necesite...

Lo que necesito es que ahora el usuario "mueva" estos items, es decir la tabla que se crea al dar click en el boton "nuevoItem" aparece una tabla con id propio, despues de la tabla predecesora... es decir :

Código tabla1:

<table id="1">
      <tr>
           <td>&nbsp;</td>
      </tr>
</table>
 

al dar click en "nuevoItem", debajo de esta tabla aparece

Código tabla2:

<table id="2">
      <tr>
           <td>&nbsp;</td>
      </tr>
</table>
 

Y si mi usuario quisiera que en la pantalla se viera la tabla 2 encima de la tabla 1, como podria mover todo el contenido???


Yo tenia pensado hacerlo tomando los id de las tablas y ponendolo en variables y despues eliminarlos y volverlos a poner en mi orden con el innerHTML, pero mi pagina no termina con las tablas, es decir hay mas cosas abajo de las tablas, imagenes, textos, etc entonces creo que el innerHTML me desrodenara la pagina.

Si se pudiera decidir en que lugar poner tablas sin mover lo demas, seria genial.

de ante mano GRACIAS