今天看啥
热点:

javascript 控制 table tr display block 显示模式时,只对第一个单元格有效


有一个简单的 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了。

 

 

www.bkjia.comtruehttp://www.bkjia.com/Javascript/1011390.htmlTechArticlejavascript 控制 table tr display block 显示模式时,只对第一个单元格有效 有一个简单的 table: 编号 类型 详细 创建时间 修改时间 操作 5 TECH 测...

相关文章

相关搜索: 单元 模式

帮客评论

视觉看点