javascript点击按钮显示图片,html图片点击效果

　　本教程运行环境：windows10系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　JavaScript怎样实现点击出现图片效果

　　在JavaScript中，可以将click事件绑定到按钮，并设置一个时间处理函数。在事件处理函数中，可以改变图片元素的显示属性，实现按钮的点击，图片出现。示例如下：

　　！声明文档类型

　　html lang=en

　　头

　　meta charset=UTF-8

　　meta name= viewport content= width=device-width，initial-scale=1.0

　　meta http-equiv= X-UA-Compatible content= ie=edge

　　标题文档/标题

　　风格

　　img{

　　显示：无；

　　}

　　/风格

　　/头

　　身体

　　按钮onclick=showimg()显示图片/按钮

　　img src=1118.02.png id=test

　　脚本

　　函数显示(){

　　document . getelementbyid( test ). style . display= block ；

　　}

　　/脚本

　　/body

　　/html输出结果：

　　【相关推荐：javascript学习教程】以上是JavaScript如何实现点击图片效果的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。