用javaScript对table的n条记录添加颜色

来源：互联网发布：wow.duowan.com数据库编辑：程序博客网时间：2024/06/05 16:50

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

<!DOCTYPE html><html>  <head>    <title>颜色换行</title>    <meta name="keywords" content="keyword1,keyword2,keyword3">    <meta name="description" content="this is my page">    <meta name="content-type" content="text/html; charset=UTF-8">  </head>    <body>  <table id="tb1">  <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>  </table>  </body>  <script type="text/javascript">  window.onload=function(){  var tb1=document.getElementById("tb1");  rows=tb1.getElementsByTagName("tr");  for(i=0;i<rows.length;i++){  var j=parseInt(i/3);//parseInt()函数可以解析一个字符串，并返回一个整数  if(j%2==0)rows[i].style.backgroundColor="#f00";  else rows[i].style.backgroundColor="#0f0";  }  }  </script></html>

结果为：

0 0