此代码当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. 【转】VS2010中文注释带红色下划线的解决方法

    转载自:http://blog.csdn.net/whatday/article/details/7856323 环境:Visual Studio 2010 问题:代码中出现中文后会带下划线,很多时候 ...

  2. 像素转换问题-队列解决办法（或者dfs）

    在一定大小的像素图像中,将同色区域的颜色值替换为其他颜色值,从而产生新的图像,输入数据,图像大小,指定的像素点坐标,要替换成的颜色. 一开始出队操作写错了折腾半天,当队列中只有一个元素是出队后要将队首 ...

  3. 寒冰王座（hd1248）

    寒冰王座 Problem Description 不死族的巫妖王发工资拉,死亡骑士拿到一张N元的钞票(记住,只有一张钞票),为了防止自己在战斗中频繁的死掉,他决定给自己买一些道具,于是他来到了地精商店 ...

  4. js为数字添加千位分隔符

    1.字符串处理比较复杂 function test(str){   var iNum = str.length % 3;   var prev = '';   var iNow = 0;   var ...

  5. Async 与 Await 关键字研究

    1        Aynsc 和 Await 关键字的研究 在 .NET 4.0 以后,基于 Task 的异步编程模式大行其道,因其大大简化了异步编程所带来的大量代码工作而深受编程人员的欢迎,如果你曾 ...

  6. mobile web曾经的踩过坑

    兼容性一直是前端工程师心中永远的痛.手机浏览器,因为基本是webkit(blink)内核当道,很多公司,不用考虑IE系的浏览器,所以感觉兼容性上的问题可能会少一些. 但是手机端,虽然出了很多工具,但是 ...

  7. MEMS微加工技术

    MEMS的微加工有两种方法,一种是多层平面加工技术,还有一种是基于SOI的体加工技术. (一)多层平面加工技术 这种方法加工出来的结构有三层:作为主体的多晶硅层.作为暂时填充物的氧化物牺牲层以及多晶硅 ...

  8. 时间TDateTime相当于是Double，即双精度数64位，终于查到它用11位表示e，53位表示精度（整数小数一起），最前面一位表示正负

    http://docwiki.embarcadero.com/RADStudio/Seattle/en/Internal_Data_Formats 关于Double的RTL函数,好像就一个:TrySt ...

  9. intro

    懒得自己折腾wordpress又很想写博客. 作为一名把自己当成programmer的data scientist,毅然选择了博客园. 这里我想内容就是平时学到/使用的各种心得,更新频率不定. 兴趣范 ...

  10. HDU2114 Calculate S(n) (取模算术)

    Calculate S(n) Time Limit: 10000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...