动态设置表格属性
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;">
 完了。
 
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

动态设置表格属性

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭