用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。

种子之家

于 2012-08-18 15:41:10 发布

阅读量7.8k

点赞数 1

分类专栏： JavaSE 文章标签： table html border function import java

本文链接：https://blog.csdn.net/seeds_home/article/details/7880888

版权

JavaSE 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	  <script type="text/javascript">
	  	window.οnlοad=function() {
               var tbl = document.getElementById("tbl");
               var rows = tbl.getElementsByTagName("tr");
               for(i=0;i<rows.length;i++) {
                      var j = parseInt(i/3); // 此语句的效果是,以3个为单位,000 111 222 333 444 ...
                      if(j%2==0) rows[i].style.backgroundColor="#f00";
                      else  rows[i].style.backgroundColor="#0f0";
               }
        };
	  </script>
  </head>
  <body>
	<table id="tbl" border="1">
	   <tr><td>1</td></tr>
	   <tr><td>2</td></tr>
	   <tr><td>3</td></tr>
	   <tr><td>4</td></tr>
	   <tr><td>5</td></tr>
	   <tr><td>6</td></tr>
	   <tr><td>7</td></tr>
	   <tr><td>8</td></tr>
	   <tr><td>9</td></tr>
	   <tr><td>10</td></tr>
	   <tr><td>11</td></tr>
	   <tr><td>12</td></tr>
	   <tr><td>13</td></tr>
	   <tr><td>14</td></tr>
	   <tr><td>15</td></tr>
	   <tr><td>16</td></tr>
	   <tr><td>17</td></tr>
	   <tr><td>18</td></tr>
	</table>
  </body>
</html>

种子之家

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。

window.onload=function() { var tbl = document.getElementById("tbl"); var rows = tbl.getElementsByTagName("tr"); for(i=0;i<rows.length;i++) {
复制链接

扫一扫

专栏目录