-----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. 查看Redis集群所有节点内存工具

    指定集群中任意一个节点,查看集群中所有节点当前已用物理内存.配置的最大物理内存和系统物理内存. ​ ​源码(可从https://github.com/eyjian/redis-tools下载): #! ...

  2. C++之引用和指针

    作者:tongqingliu 转载请注明出处:http://www.cnblogs.com/liutongqing/p/7050431.html C++之引用和指针 C++引用 引用的基本用法: in ...

  3. python使用数据库的一些操作

    学py感觉还是用linux操作系统比较好,下载安装mysql很简单,linux里面都有自带的,但是要用python去用mysql我们就得安装一下他的模块,因为python里面没有自带他的模块,用yum ...

  4. 【转】sql递归查询问题

    原文链接地址http://www.cnblogs.com/sweting/archive/2009/06/08/1498483.html 在工作中遇到一个问题,是需要sql递归查询的.不懂,于是到cs ...

  5. 微软新一代Surface发布，参数曝光

    在沉寂许久之后,Surface 2及Surface Pro 2又有猛料爆出,这一次不单单是新品展示,伴随的还有更多的详细的参数和全新配件. 从外观来看,新一代的Surface外形上沿袭了上一代,但颜色 ...

  6. Dinic算法——重述

        赛前赛后算是第三次接触Dinic算法了,每一次接触都能有种很好的感觉,直男的我没法描述~~ 已经比较懂得DInic的基本算法思想了 首先是bfs进行进行分层处理,然后dfs寻找分层后的最大流, ...

  7. codeforces 455E

    题目:http://codeforces.com/problemset/problem/455/E 题意:给定数组a,及f的定义: f[1][j] = a[j];  1 <= j <= n ...

  8. poj2481

    题意:给定一些线段(s, e),起点为s,终点为e,求每一段线段被多少线段包含(不包括相等) 思路:很明显的树状数组题目..但是做的时候想了挺久..(下面的x为线段起点, y为线段终点) 做法1:先对 ...

  9. EBS Custom Password Rules

    https://blogs.oracle.com/manojmadhusoodanan/entry/custom_password_rules Custom Password Rules By Man ...

  10. Spring Boot 2 启动时加载properties文件

    每个项目从开发到测试再到上线所需要的各种环境是不同的,这就需要维护相应的配置文件,比如properties或yml文件.有了配置文件后就要考虑如何与应用进行集成. 对于云环境来讲,项目发布需要打成镜像 ...