div控制tr无效<网络资源>
来源:互联网 发布:淘宝店铺站外引流免费 编辑:程序博客网 时间:2024/06/15 16:40
使用div + tr 时候,没法隐藏。
发现没有预想的结果,上网查询后发现可以通过tbody来解决
js脚本不变
<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 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>
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 = "";
}
}
如果要分别隐藏多段tr,可以在table加入多个tbody,进行分别隐藏。table是支持多个tbody的。
0 0
- div控制tr无效<网络资源>
- <tr> 外面直接用<div> 控制是否显示行 无效
- tr:hover无效问题
- 给tr加边框无效?
- tr 删除控制字符
- table tr 设置border ie6.7无效
- js操作table控制tr
- jQuery控制TR显示隐藏
- div 与 tr td table 嵌套关系
- 网络资源
- 网络资源
- 网络资源
- 网络资源
- 网络资源
- 网络资源
- 网络资源
- 网络资源
- 网络资源
- 基于二进制的权限管理与验证
- MyEclipse下WebSphere服务器远程调试
- office 2007 word中无法显示嵌入的图片
- maven settings.xml配置文件详解
- ajax导出Excel无法浏览器无法提示问题
- div控制tr无效<网络资源>
- JavaJDK Proxy与CGLib的区别<转>
- DB2 -991 40001
- 进步源于分享
- 欢迎使用CSDN-markdown编辑器
- 理想的程序员
- 有关Object类种种
- 复合数据类型(结构体 共用体 枚举)
- 一个基于HTML5的虚拟实验室