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

来源：懂视网责编：小采时间：2020-11-27 20:01:16

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

JS修改元素display属性实例代码:当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时，需要将 display 属性作用在行间样式上，本文主要和大家分享JS修改元素display属性实例代码，希望能帮助到大家。并使用 ID 选择器即 <p id="drop-box" sty

推荐度：

点击下载本文 文档为doc格式

导读JS修改元素display属性实例代码:当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时，需要将 display 属性作用在行间样式上，本文主要和大家分享JS修改元素display属性实例代码，希望能帮助到大家。并使用 ID 选择器即 <p id="drop-box" sty

当我们想要使用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属性实例代码

推荐度：

点击下载本文 文档为doc格式

标签：设置修改改变

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐