< 返回技术文档列表

javascript怎么隐藏元素值

发布时间:2021-09-01 03:07:41⊙投诉举报

这篇文章主要介绍“javascript怎么隐藏元素值”,在日常操作中,相信很多人在javascript怎么隐藏元素值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javascript怎么隐藏元素值”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1、设置元素style属性中的display。

var t = document.getElementById('test');//选取id为test的元素
t.style.display = 'none';   // 隐藏选择的元素
t.style.display = 'block';  // 以块级样式显示

2、设置元素style属性中的visibility。 

var t = document.getElementById('test');
t.style.visibility = 'hidden';  // 隐藏元素
t.style.visibility = 'visible'; // 显示元素

这两种方式的区别是:设置display隐藏后不占用原来的位置,而通过visibility进行隐藏后元素位置任然被占用。  

到此,关于“javascript怎么隐藏元素值”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注血鸟云网站,小编会继续努力为大家带来更多实用的文章!


/template/Home/Zkeys/PC/Static