此代码当m≠n 时，有问题。暂时还未解决此问题。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>무제 문서</title>

 <style type="text/css">

     table{

         font:12px arial;

         color:#565;

     }

     th,td {

         background-color:#dfc;

         border-bottom:2px solid #b3de94;

         border-top:3px solid #ffffff;

         padding:9px;

     }

     .on {

         background-color:#363;

         color:#fff;

     }

 </style>

 </head>

 <body>

 <table>

     <tr>

         <th>NO.</th>

         <th>Name</th>

         <th>Age</th>

         <th>Sex</th>

         <th>Job</th>

         <th>Country</th>

     </tr>

     <tr>

         <td>1</td>

         <td>Amy</td>

         <td>18</td>

         <td>Girl</td>

         <td>student</td>

         <td>USA</td>

     </tr>

     <tr>

         <td>2</td>

         <td>Timy</td>

         <td>20</td>

         <td>Boy</td>

         <td>student</td>

         <td>USA</td>

     </tr>

     <tr>

         <td>3</td>

         <td>Mike</td>

         <td>25</td>

         <td>Boy</td>

         <td>doctor</td>

         <td>USA</td>

     </tr>

     <tr>

         <td>4</td>

         <td>Lily</td>

         <td>20</td>

         <td>Girl</td>

         <td>nurse</td>

         <td>China</td>

     </tr>

 </table>

 <script type="text/javascript">

     var rows = Array.prototype.slice.call(document.getElementsByTagName('tr'));

     var cols = Array.prototype.slice.call(document.getElementsByTagName('th'));

     var cells = Array.prototype.slice.call(document.getElementsByTagName('td'));

     var cells_Sum = new Array ();

      cells_Sum =Array.prototype.slice.call(rows[0].childNodes);

      document.write(cells_Sum.length+'<br/>');

     /*for(var i=0;i<rows.length;i++){

         cells_Sum[i]=rows[i].childNodes;

         document.write(rows[i].childNodes.innerHTML+'<br/>');

      }*/

      /*document.write(cells[6].innerHTML+'<br/>');

      for(var i=0;i<rows.length;i++){

         for(var j=0;j<cols.length;j++)    {

             document.write(cells_Sum[i][j].innerHTML+'  ');

         }

         document.write('<br/>')

      }*/

 </script>

 </body>

 </html>

当m=n 时，可以使用取余的方式。代码略。

如何实现 Excel方式二维变色提示的 m*n 表格的更多相关文章

  1. HTML5 微信二维码提示框

    这是一个js的小案例,主要效果是显示一个微信二维码的提示框,非常简单实用. 源码如下: JS部分 <script src="js/jquery-1.8.3.min.js"&g ...

  2. 利用excel制作二维码

    1 将想要通过扫描二维码访问的目标网址放入A1单位格 2 在excel 编辑区右击选择“自定义功能区” 3 然后将“开发者工具”选上 4 点击菜单栏的“开发者工具---插入--->其他控件” 5 ...

  3. excel解析二维数组结构的excel

    public void fileImport(Ufile ufile) throws Exception { String filePath = ufile.getFilePath(); List&l ...

  4. python写入excel(方式二待完善)

    import xlsxwriter #创建一个工作簿并添加一张工作表,当然工作表是可以命名的# workbook = xlsxwriter.Workbook('Expenses01.xlsx')# w ...

  5. C#判断用户是否使用微信浏览器，并据此来显示真实内容或二维码

    平时我们看一些网页的时候会发现这样的功能:有的页面只能在微信里访问,如果在电脑上访问就只显示当前地址的二维码.这个用C#怎么实现呢?我们结合代码来看看. 首先,我们需要先判断用户使用的是什么浏览器,这 ...

  6. 数据可视化之PowerQuery篇（四）二维表转一维表，看这篇文章就够了

    https://zhuanlan.zhihu.com/p/69187094 数据分析的源数据应该是规范的,而规范的其中一个标准就是数据源应该是一维表,它会让之后的数据分析工作变得简单高效. 在之前的文 ...

  7. 二维数组&多维数组

    1.二维数组 二维数组由多个一维数组组成,其定义方式: ,]{ {,,,}, {,,,}, {,,,} }; 二维数组中括号中,逗号左边表示一维数组的个数,也可以说控制行,逗号后面的数表示每个一维数组 ...

  8. 微信公共服务平台开发（.Net 的实现）9-------处理二维码

    今天我们来共同学习一下微信公共服务平台中一个重要内容---二维码扫描.众所周知二维码目前应用范围很广,在这里不再叙述背景了,但是值得一提的是目前大家手机上面应用的二维码扫描工具是支持的都是QR码和PD ...

  9. Android开发——Android中的二维码生成与扫描

    0. 前言 今天这篇文章主要描述二维码的生成与扫描,使用目前流行的Zxing,为什么要讲二维码,因为二维码太普遍了,随便一个Android APP都会有二维码扫描.本篇旨在帮助有需求的同学快速完成二维 ...

随机推荐

  1. SQL SERVER中如何格式化日期(转)

    原文地址:http://blog.sina.com.cn/s/blog_95cfa64601018obo.html   1. SELECT convert(varchar, getdate(), 10 ...

  2. override和new的区别

    override 1. override是派生类用来重写基类中方法的: 2. override不能重写非虚方法和静态方法: 3. override只能重写用virtual.abstract.overr ...

  3. linux学习笔记之线程同步机制

    一.基础知识. 1:线程同步机制:互斥量,读写锁,条件变量,自旋锁,屏障. 1,互斥量:每个进程访问被互斥量保护的资源时,都需要先对互斥量进行判断. 1)互斥量重要属性:进程共享属性,健壮属性,类型属 ...

  4. WebService使用的一些总结

    什么是WebService: 这个不用我在这里废话,网上的资料一搜一大把,如果你没有接触过这方面的知识,你可以先去网上查一下.这里我只想说一下我印象比较深刻的几点: WebService是基于soap ...

  5. Web服务器和动态语言如何交互--CGI&FastCGI&FPM浅谈

    一个用户的Request是如何经过Web服务器(Apache,Nginx,IIS,Light)与后端的动态语言(如PHP等)进行交互并将结果返回给用户的呢? 本文浅谈个人观点,可能有误,欢迎拍砖,共同 ...

  6. Ubuntu Mysql开通外网访问权限

    Ubuntu Mysql开通外网访问权限   1.编辑 my.cnf 文件: sudo vi /etc/mysql/my.cnf   2.将绑定地址行注释掉或者修改为指定 IP #bind-addre ...

  7. SQL表名，应该用复数还是单数

    用单数形式更佳,理由如下: 1.概念直观. 你有一个袋子,里面有好多个苹果,你会说这是个苹果袋.但无论里面有0,1,百万个苹果,它依然是个袋子.表也是如此,表明需要描述清楚,表里面包含的对象,而非有多 ...

  8. Visual C++编程命名规则

    一.程序风格:      1.严格采用阶梯层次组织程序代码:      各层次缩进的分格采用VC的缺省风格,即每层次缩进为4格,括号位于下一行.要求相匹配的大括号在同一列,对继行则要求再缩进4格.例如 ...

  9. linux之SQL语句简明教程---UPDATE DELETE FROM

    我们有时候可能会需要修改表格中的资料.在这个时候,我们就需要用到 UPDATE 指令.这个指令的语法是: UPDATE "表格名" SET "栏位1" = [新 ...

  10. 窥探 kernel --- 进程调度的目标，nice值，静态优先级，动态优先级，实时优先级

    http://blog.chinaunix.net/uid-24227137-id-3595610.html 窥探 kernel --- 进程调度的目标,nice值,静态优先级,动态优先级,实时优先级 ...