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

并使用 ID 选择器

即

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

相关推荐：

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

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

jquery控制display属性为none或block_jquery