javascript 控制 table tr display block 显示模式时,只对

页面导航:首页 > 网络编程 > JavaScript > javascript 控制 table tr display block 显示模式时,只对

javascript 控制 table tr display block 显示模式时,只对

来源: 作者: 时间:2016-01-23 10:23 【

有一个简单的 table: 编号 类型 详细 创建时间 修改时间 操作 5 TECH 测试内容 2014?01?10 16:56:31 ?? 修改 删除 测试内容 希望通过

有一个简单的 table:

\

 


编号 类型 详细 创建时间 修改时间 操作
5 TECH 测试内容 2014?01?10 16:56:31 ?? 修改 删除

 

希望通过 javascript 控制 第三 行的 tr 隐显状态:

var tr_modifing = document.getElementById( "id_dync" );
tr_modifing.style.display = "block";

 

这种将 style.display 设置成 block 后, 会出现 只对第一个单元格 td 有效的情况:

\

原因是 将 tr.style.display = “block” 后, 该 tr 就不是普通的 【表格】之【行】了, 而就像普通的 div 一样普通的块, 所以下面的


 

也会随着失效, 正确的做法是

var tr_modifing = document.getElementById( "id_dync" );
tr_modifing.style.display = "";

 

即 将 tr 的 显示模式设置为 空,这个属性dispaly后面不加任何的东西,很奇怪,这样就兼容了Firefox和IE了。

 

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<