此代码当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. IT运维外包甩不掉的包袱

    对一个企业的IT信息部门来说,保证IT系统的安全.稳定和可靠运行是IT部门义不容辞的职责,但IT系统的安全.稳定和可靠是相对的,得看企业IT投入和ROI.现在企业的IT系统运维面临着多重压力:一方面是 ...

  2. UIView的交换实现,子视图交替变换

    其中加了一些动画  2016-01-13 其中主要的方法有:Demo下载地址,Demo中有介绍:https://github.com/lizhaojie001/UIview.git

  3. hdu2399GPA

    Problem Description Each course grade is one of the following five letters: A, B, C, D, and F. (Note ...

  4. bootstrap之 formgroup表单布局样式

    <form class="form-horizontal" role="form"> <fieldset> <legend> ...

  5. C学习-fgets()篇1

    学习fgets()函数时发现了一个问题,先贴代码 #include<stdio.h> #include<string.h> #include<ctype.h> vo ...

  6. 解决ERROR C2011: 'FD_SET' : 'STRUCT' TYPE REDEFINITION问题

    在socket编程的过程中头文件中 #include <windows.h> #include "stdafx.h" #include "WinSock2.h ...

  7. python运维开发(十一)----线程、进程、协程

    内容目录: 线程 基本使用 线程锁 自定义线程池 进程 基本使用 进程锁 进程数据共享 进程池 协程 线程 线程使用的两种方式,一种为我们直接调用thread模块上的方法,另一种我们自定义方式 方式一 ...

  8. C语言学习笔记frist---输入两个数比较大小

    C#学习中,问道艰辛,今自C学起,第一个函数学习:输入两个数比较大小,仅作练习: #include "stdafx.h" #include<stdio.h> // 包含 ...

  9. C/S与B/S

    C/S架构简要介绍 在了解什么是B/S架构之前,我们有必要了解一下什么是C/S架构: C/S架构是第一种比较早的软件架构,主要用于局域网内.也叫 客户机/服务器模式. 它可以分为客户机和服务器两层:第 ...

  10. SQL Server数据库空间管理 (1)

    数据库经常遇到的问题: 1).数据库文件空间用尽  2).日志文件不停增长 3).数据库文件无法收缩  4).自动增长和自动收缩 本系列就以上面的4个问题入手分析并总结数据库空间的管理方法.   1. ...