Ya he conseguido crear la tabla. Os pongo el código por si a alguien le interesa ver como lo he hecho:
Código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/estilo.css">
<script type="text/javascript" src="js/funciones.js"></script>
</head>
<body onload="crearTabla()">
<section id="butaca">
<p></p>
<p></p>
<table id="tabla" onclick="cambiaColor()"></table>
</section>
</body>
</html>
Código Javascript
:
Ver originalvar columna=new Array();
columna[0]=1;
columna[1]=2;
columna[2]=3;
columna[3]=4;
columna[4]=5;
columna[5]=6;
var filas=new Array();
filas[0]=1;
filas[1]=2;
filas[2]=3;
filas[3]=4;
filas[4]=5;
var tabla=new Array();
tabla[0]=columna;
tabla[1]=filas;
function crearTabla(){
var tbl = document.getElementById("tabla");
var tblBody = document.createElement("tbody");
for (var i = 0; i < columna.length; i++) {
var fila = document.createElement("tr");
for (var j = 0; j < filas.length; j++) {
var celda = document.createElement("td");
var textoCelda = document.createTextNode(i+"-"+j);
celda.appendChild(textoCelda);
fila.appendChild(celda);
}
tblBody.appendChild(fila);
}
tbl.appendChild(tblBody);
tbl.setAttribute("border", "2");
}
Ahora lo que quiero hacer es que al pulsar sobre una de las celdas de la tabla esta cambie de color, pero no se como hacerlo. ¿Alguna ayuda por favor?