隐藏/显示 Table Row(s)

第一行
第二行
第三行


现在要动态 show/hide 第2行。

方法如下,兼容(ff&&ie).

1)首先得用tbody包围相关的行,并设置id attribute。
 <table width="90%" border="1" cellpadding="0" cellspacing="0">
        <tr>
           <td/><td>第一行</td><td/>
        </tr>
          <tbody id ="secondaryline">
                                               <tr>
                                                    <td/><td>第二行</td><td/>
                                               </tr>
          </tbody>
       <tr>
               <td/><td>第三行</td><td/>
        </tr>
</table>


2)使用javascript.
function showRow(id) {
  row = document.getElementById(id);
  (typeof row != 'undefined'  && row  != null) && (row.style.display = ''); 
}

function hideRow(id) {
   row = document.getElementById(id);
  (typeof row != 'undefined'  && row  != null) && (row.style.display = 'none'); 
}

你可能感兴趣的:(JavaScript,html,IE)