隐藏label标签中指定文字

项目场景：

使用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博客