关于JS 修改元素 display 属性问题

JS 修改元素 display 属性

当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时，需要将 display  属性作用在行间样式上，

并使用 ID 选择器，即

 HTML

<div 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";
 }