<script>
window.onload=function(){
var today = new Date();
var tb = document.getElementById("tb");
for(var i=0;i<tb.rows.length;i++)
{var td = tb.rows[i].cells[1];
var dt = new Date(td.innerText.replace(/-/g,'\/'));if(dt.getTime()<=today.getTime())  
td.style.backgroundColor="red";}
}
</script> <table width="200" border="0" cellspacing="0" id="tb">
  <tr>
    <td>2010-05-11</td>
    <td>2010-05-11</td>
    <td>abd</td>
  </tr>
  <tr>
    <td>2010-05-11</td>
    <td>2010-05-11</td>
    <td>&nbsp;</td>
  </tr>
  
</table>
以上为写出的代码,求如果根据第三列内容是否为空,而使已经变色的单元格再改变为蓝色的代码。如果第三列有内容,则前面红色单元格变为蓝色,如果为空则不改变,还为红色

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
     </head> <body>
      <script>
    window.onload=function(){
    var today = new Date();
    var tb = document.getElementById("tb");
    for(var i=0;i<tb.rows.length;i++)
    {var td = tb.rows[i].cells[1];
    var dt = new Date(td.innerText.replace(/-/g,'\/'));if(dt.getTime()<=today.getTime())   
    td.style.backgroundColor="red";var td2 = tb.rows[i].cells[2]
    if (td2.innerHTML == "&nbsp;" )
    {
    td.style.backgroundColor="blue";
    }}
    }
    </script><table width="200" border="0" cellspacing="0" id="tb">
      <tr>
      <td>2010-05-11</td>
      <td>2010-05-11</td>
      <td>abd</td>
      </tr>
      <tr>
      <td>2010-05-11</td>
      <td>2010-05-11</td>
      <td>&nbsp;</td>
      </tr>
       
    </table> </body>
    </html>