javascript怎么把控件设成visible=false

最新推荐文章于 2021-06-03 13:50:52 发布
最新推荐文章于 2021-06-03 13:50:52 发布
阅读量3.2k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lee576/article/details/2046503
本文探讨了在前端开发中，使用JavaScript调整DOM元素可见性的方法。详细对比了通过设置visibility和display属性来隐藏元素的区别：visibility='hidden'使元素不可见但仍占据布局空间；而display='none'则使元素既不可见也不占据空间。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在code-behind下我们可以轻松的把一个控件设成不可见，但是这其中有一个问题，如果 visible=false了以后，在客户端的javascript如果想对这个控件做某种操作就办不到了，因为visible=false后该控件跟本不会加载到浏览器中,
现在我们讨论的是如何用javascript把一个控件设为不可见

document.getElementById("kssc").style.visibility   =   "visible";   //or   "hidden"  

document.getElementById("kssc").style.display   =   "none";//"block"/"inline"

两种方法的区别在于此:
hidden   隐藏后是还占空间的  
display   则不会  
ASP.NET用户控件可见性控制
李达
02-18 4127
要达到的目的很简单：编写一个用户控件，页面加载时隐藏，当某个radioButton点击时，显示用户控件。但用起来却发现不是那么简单。         错误方法一         首先想到的是最常用的方法，设置其Visible属性为false：         点击时出现： <asp:RadioButton ID="radRecord" runat="
visibility: hidden 和 Visible="false"的区别
古老的未来
10-15 8188
转自：http://blog.sina.com.cn/s/blog_4dde376501016yrd.html CSS中style="visibility: hidden;" & 服务器控件的Visible="false" 1、CSS中style="visibility: hidden;" 和 js中的control.style.visibility="hidde"
我的前端知识梳理-VUE篇
weixin_43416898的博客
12-17 420
梳理一下个人开发中遇到的一些vue问题，记录一下个人的理解。 原文链接 1 Vue的底层原理 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也...
display:none 和visible:false 的区别（转）
cuibinmo3519的博客
06-08 186
天遇到一个需求，把原先表单上需要输入的一个项隐藏起来，考虑有2种方法： 首先说一下页面布局，这个输入项是一个TextBox,放在一个Table里的一个TR下的TD里，所以可以对TR进行隐藏 一种：把TR的display...
display:none 和visible:false 的区别
学而不思则罔，思而不学则殆。
12-10 1321
<br />第一种仅仅是隐藏了控件，但是html代码依然生成，也就是我里面的textBox还是会生成input控件，而第二种就直接不生成html控件了。<br />如果TextBox后面有验证控件会有这个问题：画面上看不到输入项，但是点击确定按钮始终看不到页面提交。<br />产生这个问题的原因是：该验证控件并没有消失，只是被强制不显示了，导致用户也不知道哪里出了问题。<br />如果采用第二种方法，就不存在这个问题，因为在html代码里根本没有产生这个验证控件，所以仍然是可以提交页面的。<br />所以，
js设置控件的隐藏与显示的两种方法
泗水六年的博客
06-03 4460
js设置控件的隐藏与显示的两种方法： js设置控件的隐藏与显示，设置控件style的display和visibility属性就可以了，下面有个示例，需要的朋友可以参考下 用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。 当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可
visible=False
10-08
当`Visible="false"`时，该控件及其关联的数据不会被发送到客户端，也不会参与后续的交互逻辑，因此对于JavaScript来说，它是完全不可见的。 总结： - 使用 `visibility: hidden` 更适合需要保持元素在DOM中并能被...
微信小程序modal弹窗visible="{{showAssignModal}}无法关闭
03-08
有时 CSS 样式的不当应用也会干扰到控件的功能表现，特别是涉及到遮罩层透明度、定位方式等方面的内容。建议排查是否存在此类潜在因素导致的问题。 综上所述，要解决微信小程序中的 `modal` 弹窗无法关闭的问题，...
<template> <el-dialog title="提示" v-model="visible" width="25%"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="80px"> <el-form-item label="原密码" prop="password"> <el-input type="password" v-model="dataForm.password" size="medium" clearable /> </el-form-item> <el-form-item label="新密码" prop="newPassword"> <el-input type="password" v-model="dataForm.newPassword" size="medium" clearable /> </el-form-item> <el-form-item label="确认密码" prop="confirmPassword"> <el-input type="password" v-model="dataForm.confirmPassword" size="medium" clearable /> </el-form-item> </el-form> <template #footer> <span class="dialog-footer"> <el-button size="medium" @click="visible = false">取消</el-button> <el-button type="primary" size="medium" @click="dataFormSubmit">确定</el-button> </span> </template> </el-dialog> </template> <script> export default { data() { const validateConfirmPassword = (rule, value, callback) => { if (value != this.dataForm.newPassword) { callback(new Error('两次输入的密码不一致')); } else { callback(); } }; return { visible: false, dataForm: { password: '', newPassword: '', confirmPassword: '' }, dataRule: { password: [{ required: true, pattern: '^[a-zA-Z0-9]{6,20}$', message: '密码格式错误' }], newPassword: [{ required: true, pattern: '^[a-zA-Z0-9]{6,20}$', message: '密码格式错误' }], confirmPassword: [ { required: true, pattern: '^[a-zA-Z0-9]{6,20}$', message: '密码格式错误' }, { validator: validateConfirmPassword, trigger: 'blur' } ] } }; }, methods: { init: function() { this.visible = true //显示弹窗 //因为清空表单控件是异步的，所以把清空表单控件放在下次DOM更新循环中 this.$nextTick((
最新发布
03-16
<el-button @click="dialogVisible = false">取 消 <el-button type="primary" @click="submitForm">确 定 ``` ### 二、验证规则配置 ```javascript export default { data() { const validateConfirm = ...
ASP.NET中JavaScript实战：文本框控件应用
隐藏文本框，可以设置`TextBox1.Visible = false`；设置为只读，`TextBox1.ReadOnly = true`；设置最大长度，`TextBox1.MaxLength = 10`。 通过这些JavaScript和ASP.NET的结合使用，我们可以创建更加交互性和用户...
C# 关于控件Visible为false 却依然显示的问题
热门推荐
意琦行的博客
06-26 1万+
首先，控件在显示的时候必定有了他的父窗口 那么，在先隐藏父窗口之后你调试看到的该控件Visible属性为false 也许，你会现在以为这个控件隐藏掉了，所有就没有显式调用 control.Visible = false; 那么，你就会发现在显示父窗口之后，你并没有把控件Visible属性设为true，而它却显示了。 其实，如果你没有主动设置控件的Visible属性的话，他的值永远都与父窗口
C#设置Form隐藏（解决设置Visible属性没有用的情况）
cchangcs
01-17 4580
protected override void SetVisibleCore(bool value) { if (!this.IsHandleCreated) { value = false; CreateHandle(); } base.SetVisibleCore(value); } ...
认识Visible=false
weixin_30772105的博客
07-09 1810
如果有一个隐藏input来存放数据。但是一旦隐藏了Jquery就$不到了！ 所以还要采取其他的方法。之前一直想当然的认为Jquery还能看到的。想当然害死人啊！ 转载于:https://www.cnblogs.com/master-zhu/archive/2010/06/28/1766980.html...
gridOptions 中隐藏内容 用visible: false visible:false
qq_36236621的博客
11-13 412
需要注意一点visible:false写在中间只是隐藏，写在最后将不能下载
控件隐藏(Visible=false)的一个问题
weixin_34096182的博客
05-12 796
<asp:Label ID="lblFare" runat="server" Text="" ForeColor ="red" Font-Bold ="true" style='display:none;'></asp:Label> 与 <asp:Label ID="lblFare" runat="server" Text="" ForeColor ="red" ...
js_元素的隐藏与显示
子龙修仙的博客
05-16 9509
1. 隐藏显示display:none visibility:hidden都是隐藏的意思，但是前者相当于从html中去掉了标签，而后者只是不显示，但是还是占着相应的位置。与之对应的显示属性为：display:block visibility:visable Js控制： function tm_showhide(obj){ var value = obj.value; var isOpen = ...
webbrower visible = false 的后果
l09120204的博客
12-27 382
这个问题其实老早就遇到过，今天又碰到了，没反应过来，还花了半个小时才发现原因。 问题背景：在本机测试ok了，将测试按钮所在的panel 设置visible：= false,   然后部署到服务器上                   panel上有个webbrowse 用于执行js代码的 问题：在服务上运行时会报异常 我又干了啥！ 在本机测试运行好好的，怎
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值