资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

js控制tr显示和隐藏-创新互联

很久没有写代码,最近新接了一个项目,开始记录自己开发过程中遇到的一些问题。

创新互联公司是一家以成都网站建设、网页设计、品牌设计、软件运维、营销推广、小程序App开发等移动开发为一体互联网公司。已累计为柴油发电机等众行业中小客户提供优质的互联网建站和软件开发服务。

关于js控制tr的显示与隐藏

最开始写法是:

附件文件:

           

         

     

     

     

     

js方法为:
function setDetailMsgRow(rowID,sel) {
    var row = document.getElementById(rowID); 
      if (row != null) { 
        if (sel.value == 0) { 
        	row.style.display = "block";
        } 
        else { 
        	row.style.display = "none"; 
        } 
    } 
}
但是最后在看效果的时候,发现,会有错位现象发生,如下图

js控制tr显示和隐藏

控制显示的tr出现的时候,发生了错位现象,查找原因,如下:

使用display = block 就变成块级元素了,这样的设置会改变页面的格局,这样就会错位;

那么该如何设置,才可以实现js控制tr的显示与隐藏呢,

可以把 display 属性改为 table-row

对于table-row的说明如下图,大家可以学习一下,我是学到了

js控制tr显示和隐藏

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


本文名称:js控制tr显示和隐藏-创新互联
链接URL:http://cdkjz.cn/article/dggdii.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220