首页  >  文章  >  web前端  >  javascript控制元素隐藏的方法是什么

javascript控制元素隐藏的方法是什么

王林
王林原创
2021-11-03 16:53:007114浏览

javascript控制元素隐藏的方法是:设置元素style属性中的display,例如【var t = document.getElementById('test');t.style.display = 'none';】。

javascript控制元素隐藏的方法是什么

本文操作环境:windows10系统、javascript 1.8.5、thinkpad t480电脑。

在javascript中我们有两种方式来隐藏元素:

方式一:设置元素style属性中的display

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

方式二:设置元素style属性中的visibility

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

这两种方式的区别:

设置display隐藏后不占用原来的位置,而通过visibility进行隐藏后元素位置任然被占用。

推荐学习:javascript视频教程

以上是javascript控制元素隐藏的方法是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn