tio, lo que quieres hacer no es nada del otro mundo por eso me da roña que en vez de darte una solucion te manden a investigar
joe, si posteas aqui es porque debes estar cansao de buscar o en el peor de los casos, te gusta el trabajo facil
, no obstante en cualquier caso me gusta ayudar XD asi que aqui te pongo un ejemplo funcional, ya adaptarlo y preguntar si no entiendes algo es cosa tuya, yo por ahora me limito a esto jeje:
Código HTML:
<head>
<title>DOM Example</title>
<script type="text/javascript">
function createTable(iRows, iCols){
var oTable = document.getElementsByTagName('table')[0];
var k = 1;
for(var i = 0; i < iRows; i++){
var oTRow = document.createElement('tr');
for(var j = 0; j < iCols; j++){
var oTCol = document.createElement('td');
var oText = document.createTextNode(k);
oTCol.appendChild(oText);
oTRow.appendChild(oTCol);
k++;
}
oTable.appendChild(oTRow);
}
}
</script>
</head>
<body>
<p>Hello World!</p>
<p>Isn't this exciting?</p>
<p>You're learning to use DOM!</p>
Filas <input type="text" name="rows" />
<br />
Columnas <input type="text" name="cols" />
<br />
<a href="#" onclick="var iRows = document.getElementsByName('rows')[0].value;
var iCols = document.getElementsByName('cols')[0].value;
createTable(iRows, iCols);">aceptar</a>
<table style="border: 1px solid grey">
</table>
</body> ojo o_O, las filas ni columnas tienen especificados bordes asi que si los quieres, ponselos jejeje ya sea por css o javascript (si no lo sabes simplemente pregunta)
y ya que eres nuevo en esta historia y antes de que empieces a leerte libros y libros de javascript que no te llevaran mas alla de saber como declarar una variable te aconsejo, y sientete especial ya que es al primero que se lo digo XD, el libro de wrox Professional JavaScript de Nicholas Zakas, como todo libre tiene sus erratas, pero es sublime creeme, consiguelo y veras (no te lo paso porque no lo tengo :( )
enjoy ;)