Rumah  >  Artikel  >  hujung hadapan web  >  JS修改元素display属性实例代码

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

小云云
小云云asal
2018-03-12 16:05:423788semak imbas

当我们想要使用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

Atas ialah kandungan terperinci JS修改元素display属性实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn