js点击显示隐藏图片
2017-11-09 09:48
246 查看
上代码
点击显示/ 隐藏图片
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<img id="pic" src="#" style="display:none;" > style="display:block"
<input id="btn" type="button" value="点击">
</body>
<script>
var pic=document.getElementById('pic');
var btn=document.getElementById('btn');
btn.onclick=function(){
pic.style.display='block'; 'none'
}
</script> //var pic 和 var btn 是可以换的可以换成（根据想要隐藏和显示的东西而定by button p 或者id）var em
例如<button type="button" class="pn1" onclick=""><em id="btn">上传</em></button>
</html>
点击显示/ 隐藏图片
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<img id="pic" src="#" style="display:none;" > style="display:block"
<input id="btn" type="button" value="点击">
</body>
<script>
var pic=document.getElementById('pic');
var btn=document.getElementById('btn');
btn.onclick=function(){
pic.style.display='block'; 'none'
}
</script> //var pic 和 var btn 是可以换的可以换成（根据想要隐藏和显示的东西而定by button p 或者id）var em
例如<button type="button" class="pn1" onclick=""><em id="btn">上传</em></button>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 原生JS实现隐藏显示图片 JS实现点击切换图片效果
- js中点击空白区域时文本框与隐藏层的显示与影藏问题
- js和jq分别实现点击显示隐藏的功能
- 点击小图片显示相应的大图片的js的实现
- jquery教程：仿miqike.com首页"热门标签"层绝对定位 点击隐藏/点击显示JS效果
- js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标
- js点击页面其它地方将某个显示的DIV隐藏
- JS 显示隐藏含有样式属性的图片
- JS 图片点击显示原图片
- js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
- js实现的点击超链显示隐藏层
- JS点击链接后慢慢展开隐藏着图片的方法
- js点击按钮显示，在次点击按钮隐藏
- js实现的点击超链显示隐藏层
- js点击显示图片
- js控制div点击隐藏显示
- 点击显示隐藏js
- js--鼠标移入移出小图片，显示隐藏大图片
- Vue.js 点击按钮显示/隐藏内容的实例代码