利用for循环实现的隔行变色

来源:互联网 发布:java语言程序设计 如何 编辑:程序博客网 时间:2024/05/21 02:20
 

<!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>

<script language="javascript" type="text/javascript">

  function get(){
 for(var i=1;i<=6;i++){

  if(i%2!=0){
  //给表格的背景加颜色
     document.getElementById("div"+i).style.background="red";
  //给字体加颜色
     document.getElementById("div"+i).style.color="blue";
  // alert("fffffffff");
   }else{
  //给表格的背景加颜色  
     document.getElementById("div"+i).style.background="blue";
  //给字体加颜色
     document.getElementById("div"+i).style.color="red";
    }
  
  }
   }

</script>
</head>

<body onload="get()">
<table width="200" border="1">
  <tr id="div1">
    <td>我是红色</td>
  </tr>
  <tr id="div2">
    <td>我是蓝色</td>
  </tr>
  <tr id="div3">
    <td>我是红色</td>
  </tr>
  <tr id="div4">
    <td>我是蓝色</td>
  </tr>
  <tr id="div5">
    <td>我是红色</td>
  </tr>
  <tr id="div6">
    <td>我是蓝色</td>
  </tr>
</table>

</body>
</html>

原创粉丝点击