• 技术文章 >web前端 >js教程

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

    王林王林2021-11-03 16:53:00原创2109

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

    本文操作环境: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核实处理。
    专题推荐:javascript 元素
    上一篇:在JavaScript中write()怎么用 下一篇:javascript中判断闰年的方法是什么
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 页面元素绑定jquery toggle后元素隐藏的解决方法_jquery• jQuery控制元素隐藏和显示实例分享• bootstrap 如何设置移动端元素隐藏• css实现元素隐藏和显示的属性有哪些
    1/1

    PHP中文网