Javascript实现table隔行换色

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73

<! 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  runat="server">      < title ></ title >      < script  type="text/javascript">          window.onload = function () {              var tb = document.getElementById("tb");              var tbody = tb.getElementsByTagName("tbody")[0];              var trs = tbody.getElementsByTagName("tr");                for (var i = 0; i < trs.length ; i++) {                  if (i % 2 == 0) {                      trs[i].style.backgroundColor = "#888";                  }              }          };      </script> </ head > < body >      < table  id="tb">          < tbody >              < tr >                  < td >                      第一行                  </ td >                  < td >                      第一行                  </ td >              </ tr >              < tr >                  < td >                      第二行                  </ td >                  < td >                      第二行                  </ td >              </ tr >              < tr >                  < td >                      第三行                  </ td >                  < td >                      第三行                  </ td >              </ tr >              < tr >                  < td >                      第四行                  </ td >                  < td >                      第四行                  </ td >              </ tr >              < tr >                  < td >                      第五行                  </ td >                  < td >                      第五行                  </ td >              </ tr >              < tr >                  < td >                      第六行                  </ td >                  < td >                      第六行                  </ td >              </ tr >          </ tbody >      </ table > </ body > </ html >