点击按钮显示和隐藏图片

weixin_57762564

于 2021-09-27 19:57:21 发布

阅读量1.6k

点赞数

文章标签： css html html5

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_57762564/article/details/120516065

版权

这篇博客详细介绍了创建一个HTML页面的过程，包括HTML、CSS和JavaScript的引用，以及如何在页面中设置div、img和button元素。通过CSS实现div的布局居中，隐藏图片，并在JavaScript中获取元素ID及响应按钮点击事件，实现简单的交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.新建一个HTML文件以及css样式文件还有js

2.把css文件以及js引入HTML

3.写入一个div并设置类名

4.在div内写入一个img然后导入图片并给这个img设置类名以及id

5.在div内写入button按钮并给它设置类名与id

6.给div在css里设置宽高以及居中

7.给图片设置宽高和隐藏

8.在js获取图片的id

9.再获取按钮的id

10.给按钮设置点击事件

11.在用if语句判断一下

12.点击预览完成制作

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。