在head中引用一个css，然后在javascript中修改table的style不起作用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="style.css" type="text/css" rel="stylesheet"><script language="JavaScript">
function changeAlign()
{
for(i=1; i<table1.rows.length; i++)
{
table1.rows[i].cells[0].style.text-align="center";
}
}
</script>
</head><body>
<table width="75%"  id="table1" border="1" style="{fwj:expression(changeAlign())}">
  <tr>
    <td>4243</td>
    <td>4234</td>
    <td>4234</td>
  </tr>
  <tr>
    <td>4234</td>
    <td>4324</td>
    <td>423</td>
  </tr>
  <tr>
    <td>23423</td>
    <td>&nbsp;</td>
    <td>423423</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
<input type="button" value="click" onclick="changeAlign()">
</html>样式表的作用是控制table的外观，函数的作用是改变table的第一列的对齐方式（出去表头）
可是此函数不起作用（把样式表去掉就可以）