首頁  >  文章  >  web前端  >  JS修改元素display屬性實例程式碼

JS修改元素display屬性實例程式碼

小云云
小云云原創
2018-03-12 16:05:423789瀏覽

當我們想要使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn