隐藏显示 div + tr 无法正常工作解决办法
隐藏显示 div + tr 无法正常工作解决方法
想同时控制一个table中的几行(及tr标签)
发现使用div + tr 时候,没法隐藏。
发现没有预想的结果,上网查询后发现可以通过tbody来解决
js脚本不变
想同时控制一个table中的几行(及tr标签)
发现使用div + tr 时候,没法隐藏。
<div style='display:none' id="advancedQueryDiv" name="advancedQueryDiv"> <tr> <td>查询1:</td> <td colspan=4> <input type="text" name="keyword" value="" size=50> </td> </tr> <tr> <td>查询2:</td> <td colspan=4> <input type="text" name="keyword" value="" size=50> </td> </tr> </div>
发现没有预想的结果,上网查询后发现可以通过tbody来解决
<tbody style='display:none' id="advancedQueryDiv" name="advancedQueryDiv"> <tr> <td>查询1:</td> <td colspan=4> <input type="text" name="keyword" value="" size=50> </td> </tr> <tr> <td>查询2:</td> <td colspan=4> <input type="text" name="keyword" value="" size=50> </td> </tr> </tbody>
js脚本不变
function advancedQueryBtn(btn){ var display = document.getElementById("advancedQueryDiv").style.display; if(display == ""){ btn.value = '展开高级查询' document.getElementById("advancedQueryDiv").style.display = "none"; }else{ btn.value = '关闭高级查询' document.getElementById("advancedQueryDiv").style.display = ""; } }