Rumah > Artikel > hujung hadapan web > 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"; }
相关推荐:
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!