Creando Tablas Dinámicamente

<style>
.filaImpar {background-color :#F8F8FF; height:31px}
.filaPar {background-color :#E6E6FA;height:31px}
.celda {padding : 5px 5px 5px 5px;}
#tabla1{ border:1px solid navy; font-weight:bold;background-color : #00008B;}
</style>
<script>
if(navigator.appVersion.indexOf("MSIE") != -1) var IE = true;
function creaDinamicamenteTabla (divid, nf,nc) {
// vaciamos el contenedor para que no se añadan tablas sobre tablas
document.getElementById(divid).innerHTML = "";
// creamos la tabla
var mitabla = document.createElement("TABLE");
//añadimos el atributo "id" para relacionarla con un estilo
mitabla.setAttribute("id","tabla1");
// creamos el cuerpo de la tabla (TBODY)
var mitablabody = document.createElement("TBODY");
for (var j=0;j<nf;j++) {
// creamos la fila (TR)
var fila_actual=document.createElement("TR");
// añadimos estilo con el atributo "CLASS" a la fila segun sea par o impar y segun sea Mozilla o Internet Explorer
if(IE){
(j % 2 != 0)? fila_actual.setAttribute("className","filaImpar"):fila_actual.setAttribute("className","filaPar");
}
else (j % 2 != 0)? fila_actual.setAttribute("class","filaImpar"):fila_actual.setAttribute("class","filaPar");
for (var i=0;i<nc;i++) {
// creamos celda (TD)
var celda_actual=document.createElement("TD");
// añadimos estilo con el atributo "CLASS" a la celda segun sea Mozilla o Internet Explorer
if(IE){
celda_actual.setAttribute("className","celda");
}
else celda_actual.setAttribute("class","celda");
// creamos texto de la celda
var texto_celda=document.createTextNode("( "+(j+1)+", "+(i+1) +" )");
// añadimos el texto a la celda
celda_actual.appendChild(texto_celda);
// añadimos la celda a la fila actual
fila_actual.appendChild(celda_actual);
}
// añadimos la fila actual al cuerpo de la tabla
mitablabody.appendChild(fila_actual);
}
// añadimos el cuerpo de la tabla a la tabla
mitabla.appendChild(mitablabody);
// añadimos la tabla a su contenedor (DIV)
document.getElementById(divid).appendChild(mitabla);
}
</script>

<div align="center">
<form name="formulario"
action="javascript:creaDinamicamenteTabla('contenedortabla',
document.formulario.numerofilas.value,
document.formulario.numerocolumnas.value)">
Número de filas: <select name="numerofilas">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
Número de columnas: <select name="numerocolumnas">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</div><br></br>
<div align="center">
<div id="contenedortabla"
style="height:300px;width:60%;border:1px dotted navy;">
<div style="padding-top:50"></div>AQUI APARECERÁ LA TABLA
</div></div>
<br></br>
<div align="center"><input type="submit" value="CREAR TABLA"></input></div>
</form>