-----048-Table.html-----

 <!DOCTYPE html>
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <title>标题</title>
 </head>
 <body>
 <table name="C++" id="preprocess" summary="C++预处理命令" border="0" width="300">
 <caption>C++预处理命令</caption>
 <thead>
     <tr>
         <td>#define</td>
         <td>定义变量</td>
     </tr>
 </thead>
     <tr>
         <td>#error</td>
         <td>显示一个错误消息</td>
     </tr>
     <tr>
         <td>#include</td>
         <td>插入文件</td>
     </tr>
     <tr>
         <td>#if, #ifdef, #ifndef, #else, #elif, #endif</td>
         <td>条件操作符</td>
     </tr>
 <tfoot>
     <tr>
         <td>#undef</td>
         <td>取消定义变量</td>
     </tr>
 </tfoot>
 </table>
 <h3>表格信息</h3>
 <script type="text/javascript">
 s = "<ol>";
 t = document.getElementById("preprocess");
 s += "<li>表格边框宽度：  " + t.border;
 s += "<li>表格说明：  " + t.caption;
 s += "<li>单元格内填充：  " + t.cellPadding;
 s += "<li>单元格外边距：  " + t.cellSpacing;
 s += "<li>ID：  " + t.id;
 s += "<li>概述：  " + t.summary;
 s += "<li>宽度：  " + t.width;
 document.write(s + "</ol>");
 </script>
 <script type="text/javascript">
     function setFrame(f)
     {
         t = document.getElementById("preprocess");
         t.frame = f;
     }
 </script>
 <button onclick="t.border++">边框加宽</button>
 <button onclick="t.width++">加宽</button>
 <button onclick="t.cellPadding++">填充加宽</button>
 <button onclick="t.cellSpacing++">边距加宽</button><br/>
 <button onclick="setFrame('box')">设置Box框架</button>
 <button onclick="setFrame('border')">设置Border框架</button>
 <button onclick="setFrame('above')">设置Above框架</button>
 <button onclick="setFrame('hsides')">设置HSides框架</button>
 <button onclick="setFrame('lhs')">设置Lhs框架</button><br/>

 <button onclick="t.rules='rows'">设置Rows边线</button>
 <button onclick="t.rules='cols'">设置Cols边线</button>
 <button onclick="t.rules='groups'">设置Groups边线</button>
 <button onclick="t.rules='all'">设置All边线</button>
 <button onclick="t.rules='none'">设置None边线</button><br>
 <button onclick="document.getElementById('div1').innerHTML = t.tHead.innerHTML">获取表头</button>
 <button onclick="document.getElementById('div1').innerHTML = t.tFoot.innerHTML">获取表脚</button>
 <div id="div1" style="border:solid 1px"></div>

 </body>
 </html>

JavaScript -- Table的更多相关文章

  1. JavaScript Table行定位效果

    作者:cloudgamer 时间: 2009-09-17 文档类型:原创 来自:蓝色理想 第 1 页 JavaScript Table行定位效果 [1] 第 2 页 JavaScript Table行 ...

  2. [TimLinux] JavaScript table的td内容超过宽度缩为三个点

    1. 思路 CSS控制td内容自动缩为三个点 JS控制鼠标悬浮显示td全部内容 2. 实现 HTML代码: <!DOCTYPE html> <html> <head> ...

  3. javascript table排序之jquery.tablesorter.js

    table排序 jquery.tablesorter.js 一.Demo下载地址: 1.tablesorter.js下载地址: http://download.csdn.net/detail/zhan ...

  4. table不能遗露了tbody

    1.假如创建一个空表 ,然后去设置它的innerHTML,并获取表单的高度:在ie10及其他的浏览器中,会像预期一样正常被解析出来: <!DOCTYPE html> <html> ...

  5. BootStrap的table技术小结：数据填充、分页、列宽可拖动

    本文结构:先说明,后代码.拷贝可直接运行. 一.demo结构: 二.文件引入 这些里面除了下面2个比较难找,其他的都很好找 bootstrap-table-resizable.js colResiza ...

  6. jQuery 的 live() 方法对 hover 事件的处理

    因为hover不是标准的事件,因此无法直接使用live进行处理,故使用以下方法代替,效果一样 <script type="text/javascript"> $(&qu ...

  7. s标签s:if和s:set实现一个表格显示为多个表格

    1.首先本来这个表格是这样的 2.这时候代码是这样的 <table cellpadding="4"> <tr> <th>指标点</th&g ...

  8. WEB打印控件Lodop使用体会

                    控件的使用方法,作者都已经有详细的使用说明供使用者参考. 但是对于打印表格,确实出现一点小问题,如果表格是自然高度,也就是只设置了table的高度,此时是可以正常显示的 ...

  9. bootstrap表格插件——Bootstrap-Table

    注:本文引用自:http://www.cnblogs.com/wuhuacong/p/7284420.html 一.概述 1.是什么 是一个基于bootstrap的灌数据式的表格插件 2.能干什么 可 ...

随机推荐

  1. MySQL导入导出表数据

    原文链接:http://blog.163.com/yang_jianli/blog/static/1619900062010111011041228/ 1.这里的导出和mysqldump不同,只是导出 ...

  2. 工作总结（二）：Web Design

    PHP框架:CakePHP 前端框架:Bootstrap Payment Data Transfer:https://developer.paypal.com/docs/classic/paypal- ...

  3. bat语法集【转】

    源文链接:http://www.cnblogs.com/jiangzhichao/archive/2012/02/15/2353004.html 1 echo 和 @@                 ...

  4. DC画线

    CClientDC hdc(this);//获取DC CPen pen(PS_SOLID,4,RGB(255,0,0));//创建一支红笔 CPen * pOldPen=hdc.SelectObjec ...

  5. （DP 雷格码）Gray code -- hdu -- 5375

    http://acm.hdu.edu.cn/showproblem.php?pid=5375 Gray code Time Limit: 2000/1000 MS (Java/Others)    M ...

  6. Hdu2204 Eddy's爱好 2017-06-27 16:11 43人阅读 评论(0) 收藏

    Eddy's爱好 Time Limit : 3000/1000ms (Java/Other)   Memory Limit : 32768/32768K (Java/Other) Total Subm ...

  7. 跟哥走，带你玩转Surface 2

    以为自己是数码控?觉得自己买了Surface就无所不能?别逗了!来看哥怎么玩平板,也让你们这些小虾米看看,什么才叫“玩转”! 新技能Get:密码不在用键盘 什么?每次开机你还要输入一长串密码?都什么年 ...

  8. express 错误处理

    原谅我的无知,之前学习express时,没想过需要错误处理.app.js也没认真看. 现在做具体的项目时,需要考虑到出错的情况. 其实有两种: 1.nodejs是单线程,如果挂掉了,网站就会崩溃,需要 ...

  9. js-倒计时原理

    <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">      ...

  10. shell wc -l

    shell 命令之 wc -l 给出一个比较常用的命令: cat * | wc -l 查询当前文件夹下的文件的总行数. 原理就是统计了文件中换行符的数量.