js控制表单的td,tr的显示,隐藏

来源:互联网 发布:卖手机在淘宝上 编辑:程序博客网 时间:2024/05/22 14:22

将table表单的tr,td隐藏的方法:

方法一:
document.getElementById( "控件ID ").style.visibility= "hidden ";
document.getElementById( "控件ID ").style.visibility= "visible ";
方法二:
document.getElementById( "控件ID ").style.display= "none ";
document.getElementById( "控件ID ").style.display= "inline ";
方法一隐藏后   页面的位置还被控件占用   只是不显示   类似于.net验证控件的Display=Static
方法二隐藏后   页面的位置不被占用   类似于.net验证控件的Display=Dynamic


设置表单的显示和隐藏

将表单隐藏可以通过在表单设置style= "display:none"

也可以通过document.getElementById( "表单ID ").style.display='none';

将隐藏的表单显示出来

document.getElementById( "表单ID ").style.display='';或者document.getElementById( "表单ID ").style.display='block';

1 0
原创粉丝点击