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中文網其他相關文章！