JavaScript怎样实现点击出现图片效果
实现方法：1、给按钮绑定点击事件并指定一个事件处理函数；2、在事件处理函数中利用“document.getElementById("图片id值").style.display="block";”语句设置点击按钮图片显示即可。
本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。
JavaScript怎样实现点击出现图片效果
在JavaScript中可以先给按钮绑定点击事件并且制定一个时间处理函数，在事件处理函数中改变图片元素的display属性即可实现点击按钮出现图片，示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
img{
display:none;
}
</style>
</head>
<body>
<button onclick="showimg()">显示图片</button>
<img src="1118.02.png" id="test">
<script>
function showimg(){
document.getElementById('test').style.display="block";
}
</script>
</body>
</html>
输出结果：
【相关推荐：javascript学习教程】
以上就是JavaScript怎样实现点击出现图片效果的详细内容！
相关内容
-
javascript怎样设置表格高度
javascript设置表格高度的方法：1、通过“document.getElementById('Id');”语句根据id值获得表格对象；2、通过“表格对...
-
JavaScript里怎么输出星期
方法：1、定义“Array("日","一","二","三","四",&quo...
-
javascript怎样求圆的面积和周长
求圆面积和周长的方法：1、利用Math对象的PI属性和pow()方法计算圆形的面积，语法为“Math.PI*Math.pow(半径,2)”；2、利用Math对象的PI属性计算圆...
-
JavaScript求平均数的代码是什么
在JavaScript中，可以利用for循环、“/”和“+=”运算符来求平均数，实现代码为“for(vari=0;i<arr.length;i++){sum+=arr[i...
-
javascript怎样实现还有多少天多少小时多少分的倒计时效果
方法：1、利用Date()和getTime()方法获取指定时间的毫秒数和当前时间的毫秒数；2、将两个毫秒数相减，获取时间差；3、利用“parseInt(时间差/毫秒数)”语句格...
-
javascript怎样实现从1加到50
在JavaScript中，可以利用for循环语句来实现从1加到50的功能，for循环能够在规定条件下循环执行指定的代码块，语法为“for(vari=1;i<=50;i++...
-
JavaScript怎样实现数组元素倒序排列
在JavaScript中，可以利用reverse()方法来实现元素倒序排列，reverse()方法的作用就是颠倒数组中元素的顺序，语法为“需要进行倒序排列的数组元素.rever...
-
JavaScript怎样实现计算两数的乘积功能
方法：1、利用var语句声明两个变量并赋值，语法为“vara=数值1;varb=数值2;”；2、利用“*”相乘运算符计算两个变量的乘积，语法为“varres=a*b;”；3、利...
-
javascript求圆面积的代码是什么
在JavaScript中，求圆面积的代码是“Math.PI*Math.pow(半径,2)”；“Math.PI”用于获取圆周率“π”的值，Math对象的pow()方法用于获取半径...
-
javascript怎样判断奇偶数
在JavaScript中，可以利用if语句、“%”和“==”运算符来判断数值能否整除2，进而判断数值是奇数还是偶数，语法为“if(数值%2==0){偶数执行代码;}else{奇...
