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

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.      <meta http-equiv="content-type" content="text/html; charset=utf-8">
  5.      <title>标题</title>
  6.  </head>
  7.  <body>
  8.  <table name="C++" id="preprocess" summary="C++预处理命令" border="0" width="300">
  9.  <caption>C++预处理命令</caption>
  10.  <thead>
  11.      <tr>
  12.          <td>#define</td>
  13.          <td>定义变量</td>
  14.      </tr>
  15.  </thead>
  16.      <tr>
  17.          <td>#error</td>
  18.          <td>显示一个错误消息</td>
  19.      </tr>
  20.      <tr>
  21.          <td>#include</td>
  22.          <td>插入文件</td>
  23.      </tr>
  24.      <tr>
  25.          <td>#if, #ifdef, #ifndef, #else, #elif, #endif</td>
  26.          <td>条件操作符</td>
  27.      </tr>
  28.  <tfoot>
  29.      <tr>
  30.          <td>#undef</td>
  31.          <td>取消定义变量</td>
  32.      </tr>
  33.  </tfoot>
  34.  </table>
  35.  <h3>表格信息</h3>
  36.  <script type="text/javascript">
  37.  s = "<ol>";
  38.  t = document.getElementById("preprocess");
  39.  s += "<li>表格边框宽度：  " + t.border;
  40.  s += "<li>表格说明：  " + t.caption;
  41.  s += "<li>单元格内填充：  " + t.cellPadding;
  42.  s += "<li>单元格外边距：  " + t.cellSpacing;
  43.  s += "<li>ID：  " + t.id;
  44.  s += "<li>概述：  " + t.summary;
  45.  s += "<li>宽度：  " + t.width;
  46.  document.write(s + "</ol>");
  47.  </script>
  48.  <script type="text/javascript">
  49.      function setFrame(f)
  50.      {
  51.          t = document.getElementById("preprocess");
  52.          t.frame = f;
  53.      }
  54.  </script>
  55.  <button onclick="t.border++">边框加宽</button>
  56.  <button onclick="t.width++">加宽</button>
  57.  <button onclick="t.cellPadding++">填充加宽</button>
  58.  <button onclick="t.cellSpacing++">边距加宽</button><br/>
  59.  <button onclick="setFrame('box')">设置Box框架</button>
  60.  <button onclick="setFrame('border')">设置Border框架</button>
  61.  <button onclick="setFrame('above')">设置Above框架</button>
  62.  <button onclick="setFrame('hsides')">设置HSides框架</button>
  63.  <button onclick="setFrame('lhs')">设置Lhs框架</button><br/>
  64.  
  65.  <button onclick="t.rules='rows'">设置Rows边线</button>
  66.  <button onclick="t.rules='cols'">设置Cols边线</button>
  67.  <button onclick="t.rules='groups'">设置Groups边线</button>
  68.  <button onclick="t.rules='all'">设置All边线</button>
  69.  <button onclick="t.rules='none'">设置None边线</button><br>
  70.  <button onclick="document.getElementById('div1').innerHTML = t.tHead.innerHTML">获取表头</button>
  71.  <button onclick="document.getElementById('div1').innerHTML = t.tFoot.innerHTML">获取表脚</button>
  72.  <div id="div1" style="border:solid 1px"></div>
  73.  
  74.  </body>
  75.  </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. C#窗体操作的小技巧

    窗体在屏幕居中 ) - (), (Screen.GetBounds() - (), this.Width, this.Height, BoundsSpecified.Location);

  2. 服务化实战之 dubbo、dubbox、motan、thrift、grpc等RPC框架比较及选型

    转自: http://blog.csdn.net/liubenlong007/article/details/54692241 概述 前段时间项目要做服务化,所以我比较了现在流行的几大RPC框架的优缺 ...

  3. Codeforces821C Okabe and Boxes 2017-06-28 15:24 35人阅读 评论(0) 收藏

    C. Okabe and Boxes time limit per test 3 seconds memory limit per test 256 megabytes input standard ...

  4. js-数组方法push

    <script type="text/javascript">        var arr=[1,2,3,4,5]        arr.push(6,7)      ...

  5. SRM467

    250pt: 一个学生等老师来上课的,但是他不知道老师啥时候会来的,然后他等waiting时间后觉得无聊就会出去转walking时间,回来等待waiting时间后老师没来就会再次出去.老师会在a... ...

  6. 分频器的verilog设计

    笔者最近由于实验室老师的任务安排重新又看了一下分频器的verilog实现,现总结如下,待以后查看之用(重点是查看计数器计到哪个值clk_out进行状态翻转) 1.偶数分频占空比为50% 其实质还是一个 ...

  7. map 小模板~~~ 写的不好 继续添加

    #include<map>#include<string.h>#include<iostream>using namespace std; int main(){  ...

  8. 使用EF操作Oracle数据库小计

    1.建表 CREATE TABLE item.ORDERS( ORDERID ) CONSTRAINT PK_ORDERS PRIMARY KEY, ORDERNO ), STOREID ), STO ...

  9. MarkdownPad 2 for Windows 10 预览问题解决方案。

    知乎问题: Windows 10 下 MarkdownPad2 预览无法显示是怎么回事? 文章提供的解决方法可以奏效.具体如下: 在我的 Win10 上测试了一次,确实会遇到这个问题,官方的说法是从 ...

  10. nginx-1.服务器是什么

    服务器相信很多电脑爱好者都听过或者了解一些,一般我们很难看到真正的服务器,因为服务器一般均放置在机房重点,闲人一般均是免进的.比如我们每天浏览的网站.玩的游戏等,所有的数据均存在服务器,服务器一般都在 ...