动态设置表格属性

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 οnchange="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"

            οnchange="theTable.border = this.value;">

　完了。