项目场景:

使用js动态向div中传值,并隐藏指定的值不显示


解决方案:

label标签隐藏显示

2022-05-06 14:23:08

针对label,input文本框,按钮的显示与隐藏

1- 为其赋值一个独有的id属性,若一开始需要隐藏,可以在style属性中有以下写法。

①style="visibility: hidden;" 或者 ②style="display:none"

区别:①组件被隐藏,但占用空间 ② 不占用空间。

另一种隐藏:input标签text属性设置为hidden,一般用于传送特殊的值给后端。开发人员可以在浏览器的开发者工具查看。

针对上面这种隐藏,在JS实现显示的方法有二种。

⑴ $("#hid").attr('type','text');

⑵ $("#hid").prop('type','button');

type的属性可以根据自己的需要设置,不一定是text或者button。

2- 在JS中显示与隐藏

若开始选择隐藏,根据方式,有对应显示方式。假设以下id为在标签里面设置的id值

正如上① 对应的显示是

document.getElementById("id").style.visibility="visible";

② --> document.getElementById("id").style.display="";

或者$("#id").css('display','');

在JS中隐藏方法如下

①document.getElementById("id").style.visibility="hidden";

②document.getElementById("id").style.display="none";

或者$("#id").css('display','none');  (不知道为啥有时候上面不管用,用这个也能达到效果)

关于动态传值的代码可以看我另一篇帖子

在js中向div动态传值_Luffe船长的博客-CSDN博客

隐藏label标签中指定文字相关推荐

  1. html中label如何居中,怎么让label标签中的文字居中显示

    label标签如何使用 html页码中的 label标签使用方法: 其实很多人都一样,喜欢的不是学校,不是班级,而是坐在教室的那群人 请点击文本标记之一,就可以触发相关控件: HTML代码中的labe ...

  2. Vue的label标签中for的作用

    先上代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

  3. python获取div标签的id_Python 获取div标签中的文字实例

    预备知识点 compile 函数 compile 函数用于编译正则表达式,生成一个正则表达式( Pattern )对象,供 match() 和 search() 这两个函数使用. 语法格式为: re. ...

  4. a-card标签中的文字不能垂直居中

    a-card标签中的文字不能垂直居中,可以在标签中再添加其他的标签,比如p.span等,然后再对其设置样式 <a-card class="schedule_card2"sty ...

  5. 笔记:caption标签中的文字为什么会是竖着的。

    我在项目联系中用到了table表格,在使用caption的时候文字是竖着显示的,这让我不明白怎么回事.随后在我长达一个小时的尝试中找到了答案. caption标签中的文字会换行的原因是table的默认 ...

  6. python脚本查找txt文本中指定文字及上下文

    心血来潮写了个小工具,可以查找并保存txt文本中指定文字所在行及上下文,超出的部分不会显示,上下文行数可以更改.如果没有查到会直接显示查找完成,生成的保存文档里也什么没有. 主要使用python的fi ...

  7. html.textboxfor属性,label标签中的for属性与form属性

    HTML中的label标签是干什么的?在讲这个标签之前先来做一个示范,请点击以下的文本框控件: 你的姓名是: 大家都知道上面的文本框使用的是input元素,当鼠标点击文本框时就能输入文本,若是点击文本 ...

  8. label标签中for的使用

    <label for='btn'>label标签的作用</label> <button id='btn' οnclick='alert(1)'>点击弹窗</b ...

  9. Python---获取div标签中的文字

    预备知识点 compile 函数 compile 函数用于编译正则表达式,生成一个正则表达式( Pattern )对象,供 match() 和 search() 这两个函数使用. 语法格式为: re. ...

最新文章

  1. 使用U盘在Mac机上装win8.1系统
  2. php定时爬虫,thinkphp5使用workerman定时器定时爬取站点内容的代码
  3. wifi android系统耗电,魅族mx4 pro耗电严重是什么原因?异常费电元凶居然是WiFi
  4. 如何交叉编译 移植 QT
  5. 点击复制,兼容ios-safari
  6. C++11在加入<thread>头文件后Socket服务器接收不到消息
  7. linux新建java文件夹删除不了怎么办_Linux无法删除文件夹 Device or resource busy
  8. HDU 6030(矩阵快速幂+规律)
  9. 深度学习中的激活函数及其作用
  10. ROS+opencv实践-cv_bridge的使用
  11. 使用pscc抠人物图像头发
  12. 串口重映射printf
  13. 基于matlab分析的商业保险案例
  14. CentOS7 配置R语言及Rstudio-serve
  15. uIP使用例子应用(一)
  16. 目标检测YOLO系列------YOLO简介
  17. 漫谈游戏中的人工智能
  18. 【漏洞挖掘】QQ钓鱼网站实战渗透
  19. C++实现动态定义三维内的数组定义赋值释放
  20. vscode调试nodejs不要太爽啊

热门文章

  1. 洪金宝坦言婚姻全靠“忍”。网友:好男人啊
  2. 做共享软件的一些心得与经验
  3. VMware DHCP Service服务启动时报错:错误1068 依存服务或组无法启动
  4. 论文阅读笔记:vTPM
  5. CC00290.CloudKubernetes——|KuberNetes运维.V12|——|EFLK架构.v07|验证日志输出采集是否正常|
  6. 期权组合策略用matlab分析,matlab期权分析
  7. 分布式事务概述 (资料)
  8. uva10534 hdu2198 双向LIS问题
  9. java腾讯滤镜接口_文档中心
  10. Python核心编程16 ----- 文件的打开(读取),修改,关闭,二进制