<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table width="100%" border="0" cellspacing="1">  
<tr>   
 <td>文章标题</td> 
 <td>呵呵</td>   
 <td>显示中</td>  
 </tr> 
  <tr>   
   <td>文章标题</td> 
 <td>呵呵</td>       
   <td>已结束</td>  
   </tr>
  <tr>   
   <td>文章标题</td> 
 <td>呵呵</td>       
   <td>已结束</td>  
   </tr>
  <tr>   
   <td>文章标题</td> 
 <td>呵呵</td>       
   <td>已结束</td>  
   </tr>
  <tr>   
   <td>文章标题</td> 
 <td>呵呵</td>       
   <td>已结束</td>  
   </tr>         
   </table>
<script type="text/javascript"> 
var table = document.getElementsByTagName("table")[0];
var rows = table.rows;
var cells = rows[2].cells;
if (cells[2] .innerText == "已结束") {rows[1].style.display="none";}
</script>   
</body>
</html>

上面的代码只隐藏了一行
求循环隐藏表格中 显示为 已结束 的行的方法

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    </head>
    <body>
    <table width="100%" border="0" cellspacing="1">  
    <tr>   
     <td>文章标题</td> 
     <td>呵呵</td>   
     <td>显示中</td>  
     </tr> 
      <tr>   
       <td>文章标题</td> 
     <td>呵呵</td>       
       <td>已结束</td>  
       </tr>
      <tr>   
       <td>文章标题</td> 
     <td>呵呵</td>       
       <td>已结束</td>  
       </tr>
      <tr>   
       <td>文章标题</td> 
     <td>呵呵</td>       
       <td>已结束</td>  
       </tr>
      <tr>   
       <td>文章标题</td> 
     <td>呵呵</td>       
       <td>已结束</td>  
       </tr>         
       </table>
    <script type="text/javascript"> 
    var table = document.getElementsByTagName("table")[0];
    var rows = table.rows,cells;
    for(var i=0;i<rows.length;i++){
    cells = rows[i].cells;
    if (cells[2] .innerHTML == "已结束") {rows[i].style.display="none";}
    }
    </script>   
    </body>
    </html>