当前位置:Gxlcms > JavaScript > JS修改元素display属性实例代码

JS修改元素display属性实例代码

时间:2021-07-01 10:21:17 帮助过:19人阅读

当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时,需要将 display 属性作用在行间样式上,本文主要和大家分享JS修改元素display属性实例代码,希望能帮助到大家。

并使用 ID 选择器

 <p id="drop-box" style="display:none">
在JS文件中,
        var dropBox = document.getElementById("drop-box");
        //设置元素显示
        function showBox(){        dropBox.style.display = "block";
        }
        //设置元素隐藏
        function hideBox(){        dropBox.style.display = "none";        }

相关推荐:

CSS3中display属性的Flex布局的方法

js将控件隐藏的方法及display属性介绍_javascript技巧

jquery控制display属性为none或block_jquery

以上就是JS修改元素display属性实例代码的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行