js 动态控制控件 显示和隐藏

最新推荐文章于 2024-05-08 15:40:06 发布
最新推荐文章于 2024-05-08 15:40:06 发布
阅读量7.3k 收藏 4
点赞数 1
分类专栏： JS 文章标签： js 动态 显示 隐藏
方法一： 
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



一招鲜@Q
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js设置控件的隐藏与显示的两种方法
10-25
js设置控件的隐藏与显示，设置控件style的display和visibility属性就可以了，下面有个示例，需要的朋友可以参考下
如何通过JS判断一个元素是否显示、隐藏
bug处理进行时
05-08 1万+
无论元素是通过设置dispaly还是通过添加伪类:hidden来进行的控制，都可以使用其中一种方式进行判断。即：如果元素是通过添加伪类实现的隐藏，依旧可以通过display来进行判断。通过判断当前元素的display的值来判断当前元素是否是可见状态。只能用display来对none进行对比判断。因为可见元素的状态可能是block、inline等。
JS组件系列——Bootstrap 树控件使用经验分享 - 懒得安分 - 博客园
最新发布
2401_84435192的博客
05-08 663
刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。
javascript中display方法或者visibility隐藏元素实现的效果
异想实验室|Arduion|ESP8266|Micro Python|
10-26 2587
在前端开发html页面的时候，可以使用js中的修改元素的属性，达到隐藏元素，以及隐藏后的元素的显示的效果；需要修改元素的display方法或者visibility，两种方案实现的效果不同，可参考下图中的GIF动画；以上为，javascript中display方法或者visibility隐藏元素实现的效果全部代码；通过visibility进行隐藏后元素位置任然被占用。设置display隐藏后不占用原来的位置；
js如何将一个按钮显示或者隐藏
热门推荐
h_tinkinginjava的博客
10-19 5万+
关于一个元素的显示和隐藏有很多的方法，随便百度就可以找到办法，这边我就记录一下我是怎么显示和隐藏的，便于以后回顾。 需求是：当state为1和2时，按钮（id是plshbtn）就是隐藏起来；当state为0时，按钮就会显示。 js方法如下： if($("#state").val()==0){ $("#plshbtn").attr("style","display:block;"); }
js控制li的隐藏和显示
听海Movie的专栏
08-12 3万+
（html页面）                                  全部({$count})                钢琴谱({$count_pu})                钢琴曲({$count_qu})                钢琴专辑({$count_zhuanji})             
微信小程序 实现动态显示和隐藏某个控件
08-30
3. 如何使用class选择器来控制控件的显示和隐藏 4. 如何使用JavaScript来实现动态改变控件的显示和隐藏 在小程序的开发中，实现动态显示和隐藏某个控件是非常重要的。这种方法可以帮助开发者快速实现动态显示和隐藏...
TIA WinCC PRO中通过脚本控制图层的显示和隐藏.rar
07-18
在工业自动化领域，西门子的TIA ( ...总之，通过TIA WinCC PRO的脚本功能，我们可以灵活地控制图层的显示和隐藏，实现动态的人机交互。这不仅提高了操作效率，也为工业自动化系统的用户界面设计提供了更多的可能性。
js控制页面控件隐藏显示的两种方法介绍
10-26
两种方法的不同之处在于控件隐藏后是否还在页面上占位，详细的示例代码如下，大家可以感受下
利用来JS控制页面控件显示和隐藏有两种方法
weixin_34290096的博客
07-03 183
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 　　方法一： 1 2 document.getElementById("EleId").style.visibility="hidden"; document.getElementById("Ele...
js动态向页面添加或删除控件
翠西陈的博客
07-13 1万+
实现点击按钮向页面添加下拉框和文本框，做完备忘用的，大家选择性借鉴就好
js动态加载控件
千千
03-18 2043
最近做项目遇到了动态加载控件，最开始想找一些人家做好的控件自己直接用，后来没有找到完全符合自己的，于是就动手敲了一个小Demofunction show() {     $.ajax({         type: "post",         url: "/Label/ShowLabel",         dataType: "json",         success: function...
通过javascript动态显示界面控件
weixin_34242331的博客
03-30 113
通过javascript动态显示界面控件 作者: zyf0808 发表日期: 2006-03-30 08:47 文章属性: 原创 复制链接 <script language="javascript"> function ShowAddSub() { var str_inner; str_inner = "<form method=post ac...
状态栏的显示和隐藏
ff313976的专栏
03-05 1249
View类提供了setSystemUiVisibility和getSystemUiVisibility方法，这两个方法实现对状态栏的动态显示或隐藏的操作，以及获取状态栏当前可见性。    setSystemUiVisibility(int visibility)方法可传入的实参为：     1. View.SYSTEM_UI_FLAG_VISIBLE：显示状态栏，Activity不全屏
javascript使控件无效或者隐藏的方法总结
tony19890820的专栏
06-15 1015
（1）css  或属性 visibility = "hidden"; visibility = "visible"; （2）属性  disabled = "true" (3)属性hidden = "hidden" (4)display:block （5） $("#nameErrorTip"
微信小程序控制盒子显示隐藏_微信小程序 实现动态显示和隐藏某个控件
06-04
可以通过在小程序中使用条件渲染来实现动态显示和隐藏某个控件。具体实现步骤如下： 1. 在 wxml 文件中，给需要动态显示和隐藏的控件添加一个属性，比如 id="box1"。 2. 在 js 文件中，定义一个变量，比如 isBoxShow，用来控制该控件的显示和隐藏。初始化为 false，即初始状态下该控件是隐藏的。 3. 在 wxml 文件中使用条件渲染，根据 isBoxShow 的值来控制控件的显示和隐藏。代码如下： ``` <view id="box1" wx:if="{{isBoxShow}}">这是要隐藏和显示的控件</view> ``` 4. 在 js 文件中，通过修改 isBoxShow 的值来控制控件的显示和隐藏。代码如下： ``` // 显示控件 this.setData({ isBoxShow: true }); // 隐藏控件 this.setData({ isBoxShow: false }); ``` 通过这种方式，就可以实现动态显示和隐藏某个控件了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值