关闭

动态设置表格属性

标签: inputbordertable文档
636人阅读 评论(0) 收藏 举报
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、通过selectonchange来设置表格在文档中的对齐方式

 

   <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;">
 完了。
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:47638次
    • 积分:671
    • 等级:
    • 排名:千里之外
    • 原创:19篇
    • 转载:1篇
    • 译文:0篇
    • 评论:3条