此代码当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. X - A == B ?（第二季水）

    Description Give you two numbers A and B, if A is equal to B, you should print "YES", or p ...

  2. java的clone

    做项目时有时可能会遇到需要克隆对象的时候,因为有时候对象是直接从别的类get到的,那样引用的是一个对象,修改的话会将原先的对象也修改了. java的浅克隆,十分简单.但是只会克隆基本的数据类型,当涉及 ...

  3. Python闭包及装饰器

    Python闭包 先看一个例子: def outer(x): def inner(y): return x+y return innder add = outer(8) print add(6) 我们 ...

  4. ASP.net与SQLite数据库通过js和ashx交互（连接和操作）

    ASP.net与SQLite数据库通过js和ashx交互(连接和操作): 废话(也是思路):用的是VS2010,打算做网站前后台.由于不喜欢前台语言里加些与html和css和js的其他内容,想实现前后 ...

  5. Python成长之路第二篇（3）_字典的置函数用法

    字典的置函数用法(字典dict字典中的key不可以重复) class dict(object): """ dict() -> new empty dictionar ...

  6. Python学习笔记(六)Python的列表生成式、生成器

    列表生成式 List Comprehensions 列表生成式是Python内置的非常简单却强大的可以用来创建list的生成式. 简单的数值范围的list可以使用一下方式生成: >>> ...

  7. Pet--hdu4707

    Pet Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submiss ...

  8. 正式学习React(一) 开始学习之前必读

    为什么要加这个必读!因为webpack本身是基于node环境的, 里面会涉及很多路径问题,我们可能对paths怎么写!webpack又是怎么找到这些paths的很迷惑. 本文是我已经写完正式学习Rea ...

  9. Android 控件属性

    TextView 文字属性//文字左右居中android:layout_centerHorizontal="true"//文字垂直居中android:layout_centerVe ...

  10. spark快速入门之最简配置 spark 1.5.2 hadoop 2.7 配置

    配置的伪分布式,ubuntu14.04上 先配置hadoop,参见这个博客,讲的很好 http://www.powerxing.com/install-hadoop/, 但是我在配的过程中还是遇到了问 ...