当我们想要使用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"; }相关推荐：
YDUI Touch专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高；使用 Flexbox 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局；用 rem 实现强大的屏幕适配布局，等比例适配所有屏幕；自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。
81
js将控件隐藏的方法及display属性介绍_javascript技巧
jquery控制display属性为none或block_jquery
以上就是JS修改元素display属性实例代码的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
360
收藏
