JS报表属性操作-JavaSript-爱易网页

JS报表属性操作

日期：2014-05-16　浏览次数：20350 次

JS表格属性操作



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

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

------解决方案--------------------

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS报表属性操作

相关资料更多>

推荐阅读更多>