请问如何隐藏图片呢?

来源:3-5 显示和隐藏(display属性)

小龙lo

2015-07-15 16:47

代码如下:

JS:

function hidepic(){

 var mychar = document.getElementById("con");

 mychar.style.diplay="none";

}

function showpic(){

 var mychar = document.getElementById("con");

  mychar.style.display="block";

}

HTML:

    <div class="main2">

      <div id="con" ><h1>My Photo</h1>

      <div class="img"><img src="http://www.huangxiaolong.net/wp-content/uploads/2015/07/psb.jpg" height="657px" width="370"></div><br/>

      He is ugly.<input type="button" onClick="hidepic" value="Click disappear" /> 

     Is cool.<input type="button" onClick="showpic" value="Look again" />

    </div></div>


写回答 关注

2回答

  • arlenhui
    2015-07-15 17:21:23
    已采纳

    1,推荐用runjs,condepen打开很慢。

    2,两个错误,一个是input的onclick函数需要括号,二是js中display书写错误

    http://runjs.cn/detail/yn2u1qr0

    小龙lo 回复arlenh...

    ^_^

    2015-07-16 13:19:06

    共 4 条回复 >

  • 小龙lo
    2015-07-15 16:51:48

    在线等....我在用codepen编辑一个个人介绍页面,,

    具体代码内容可以看http://codepen.io/huangxiaolong/pen/eNKKzX 麻烦大神指导一下小白,我想设置一下隐藏图片和显示图片的按钮

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题