此代码当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. 自学Android的第一个小程序（小布局、button点击事件、toast弹出）

    因为上班,学习时间有限,昨晚才根据教程写了一个小程序,今天忙里偷闲写一下如何实现的,来加深一下印象. 首先创建一个Android项目, 通过activity_xxx.xml布局文件来添加组件来达到自己 ...

  2. ASP.NET MVC 常用内置验证特性

    1.[Required] : 必须输入 [Required(ErrorMessage = "请输入用户名")] 2.[StringLength] : 限制字符串长度 [String ...

  3. PlSql复制角色、权限和添加角色权限

    一.登录你想要复制数据库的用户

  4. dir_colors linux颜色配置

    在控制台下,用ls,就会发现,shell将不同类型的文件项目显示为不同的颜色.者可以提高效率,不用ls -l便能大概的把各个文件的类型情况了解一下. 你有没有想过更改这个着色配置呢? 其实,在/etc ...

  5. Servlet 学习总结-2

    #重定向与转发的区别 开发Web应用中会遇到从一个页面跳转到另一个页面的问题,在JSP中有两种跳转方式: 1.重定向 2.转发(转向) 重定向:首先服务器受到浏览器客户端请求之后,服务器发送新的链接到 ...

  6. 菜单之二：使用xml文件定义菜单

    参考<疯狂android讲义>2.10节 P174,参见归档project:XmlMenuDemo.zip 一般推荐使用XML文件定义菜单. 基本步骤如下: 1.定义布局文件 为简单显示原 ...

  7. 菜鸟的jQuery源码学习笔记（一）

    整个jQuery是一个自调用的匿名函数: (function(global, factory) { if (typeof module === "object" && ...

  8. javascript事件委托和jQuery事件绑定on、off 和one

    一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生.而在jQuery 中, ...

  9. 滑动冲突的补充——Event的流程走向

    一.之前分析的滑动冲突,并没有讲述event事件是如何分发到不同的控件 View的滑动冲突 现在分析一下滑动冲突event事件的流向 假设:  我们的一个事件为  点下——>左滑动一次——> ...

  10. RemoteViews的理解和使用

    一.RemoteViews简介 作用:跨进程更新界面                         使用场景:通知栏.桌面小部件 二.在通知栏上的应用 原理:通过RemoteViews加载布局,通过 ...