crear tabla

[xias]

Hola:

como puedo crear esta tabla en un funcion?

<table width="249" height="20" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="245" height="18" bgcolor="#FFFFFF">
<div align="center"><strong>
&laquo; &laquo; XXXXXXXXXX &raquo; &raquo;</strong></div></td>
</tr>
</table>

quiero que se cree en un lugar determinado.

Y una vez q esté creada, como peudo hacer que se elimine en otra funcion?

gracias, un saludo

[kayetano]

Hola

Puedes utilizar un "div" como contenedor.

Código:

<div id=contenedor></div>

cuando quieras meter la tabla utilizas la propiedad "innerHTML" del objeto DIV

Código:

obj = document.getElementById('contenedor');
obj.innerHTML = "<table....>...</table>";

para hacer desaparecer la tabla pues parecido al paso anterior

Código:

obj = document.getElementById('contenedor');
obj.innerHTML = "";

Lo pongo de memoria por lo que no te aseguro que la sintaxis sea correcta al 100% pero supongo que te dará una idea de como hacerlo.

[SiR.CARAJ0DIDA]

esta bien, pero a mi me gustaría saber que diferencias hay entre crear un elemento con createElement y eliminarlo con removeChild() o usar innerHTML para todo. Tengo entendido que innerHTML es compatible con todos los navegadores y mucho mas rapido cuando hay que crear gran cantidad de html.

[kayetano]

Hola SiR.CARAJ0DIDA

Yo siempre he trabajado con innerHTML en principio porque es mucho mas facil y puedes meter lo que quieras y como bien dices es mas compatible.
Sobre el tema de crear objetos, hace mucho hice algunas pruebas y si te soy sincero debería de hacerse con ese método, pero es toda una locula, las pruebas que hice fueron con tablas y te podias perder añadiendo celdas y columnas.

Por último decirte que el resultado fina, si lo que quieres hacer es meter una porción de código HTML, es el mismo pero con innerHTML es cien veces mas rapido y facil.