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

当我们想要使用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属性实例代码的详细内容。更多信息请关注PHP中文网其他相关文章！