中关村在线

软件

JS如何改变元素display属性

1、 null

2、 启动HBuilder软件,创建一个空白的HTML文件,编写基础的HTML结构。在页面中添加一个按钮,用于控制div的显示与隐藏,为该按钮设置id为show。同时,为需要操作的div元素设置id为hide,便于后续通过脚本进行状态切换。

3、 在页面下方编写JavaScript代码,先获取按钮的DOM元素并为其绑定点击事件,再获取div的DOM对象,将其display样式属性修改为block,从而使原本隐藏的div元素显示在页面上。

4、 按下Ctrl+S保存后,在浏览器中查看效果。

5、 点击按钮后,原本隐藏的div会显示出来,这正是通过JavaScript控制display属性实现的。

展开全文
人赞过该文
内容纠错

相关电商优惠

评论

更多评论
还没有人评论~ 快来抢沙发吧~

读过此文的还读过

点击加载更多

内容相关产品

说点什么吧~ 0

发评论,赚金豆

收藏 0 分享
首页查报价问答论坛下载手机笔记本游戏硬件数码影音家用电器办公打印 更多

更多频道

频道导航
辅助工具