动态设置表格属性

1、画一个表格。
　　表头：<thead>表头</thead>

　　表尾：<tfood>表尾</tfood>

　　表体：<tbody>表体一</tbody>

　　 表体可以有多个，表体的头部：<th>表体一头部</th>

2、为表格起一个名字。

　　<table border="1" frame="box" id="testTable">

3、通过id获取表格属性

　　<script type="text/javascript">
　　
var theTable = document.getElementById('testTable');
　　
　　</script>

4、通过select的onchange来设置表格在文档中的对齐方式

<select onchange="theTable.align = this.options[this.selectedIndex].text;">
<option>left</option>
<option>center</option>
<option>right</option>
</select>
5、通过input的onchange来设置表格边框宽度

<input type="text" size="2" maxlength="2" value="1"
onchange="theTable.border = this.value;">


　完了。