есть такой скрипт (см. ниже), при нажатии на кнопку запрашивает кол-во столбцов и ячеек, создает таблицу и кнопку, при нажатии на которую должен меняться фон таблицы, но фон не меняется. Почему? Как исправить?!
<html><head>
<meta http-equiv="Content-Type" Content="text/html; Charset=Unicode">
<meta http-equiv="Content-Language" Content="ru">
<title>Generate table</title>
</head><body>
<center><br>
<input type="button" onclick="tab()" value="Создать таблицу">
<script>
function tab() {
var column = +prompt ('Введите кол-во колонок', '5') ;
var cell = +prompt ('Введите кол-во ячеек', '50') ;
document.write('<br><br><input type="button" onclick="changeTableBgColor()" value="Сменить заливку"><br><br>') ;
document.write('<center><br><table rules="all" style="border: #000 1px solid" cellpadding="10" id="tab"><tr><td align="center" valign="middle">') ;
for (var i = 1; i <= cell; i++) {
document.write(i+'</td>') ;
if (i%column==0) document.write('</tr>') ;
if (i==cell) break ;
if (i%column==0) document.write('<tr>') ;
document.write('<td align="center" valign="middle">') ;
} ;
if (cell%column!=0) {
for (var a = cell; a%column!=0; a++) {
document.write('<td> </td>') ;
} ;
} ;
document.write('</tr></table></center>') ;
} ;
function changeTableBgColor() {
document.getElementById('tab').style.backgroundColor='#0f0' ;
} ;
</script>
</center></body></html>