这个显示效果为什么不体现?

这个显示效果为什么不体现?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="显示图片" id="btn"/>
<img src="" alt="" id="im" />
</body>

<script>
var a =document.getElementById("btn");
a.onclick = function(){
var b = document.getElementById("im");
b.src="images/now.jpg";
b.width='300px';
b.height = '300px';
}
</script>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2019-05-21 10:08:36

同学年你好,1、 图片在按钮下显示, 可以通过CSS样式设置控制图片的位置, 如果下图所示http://img1.sycdn.imooc.com//climg/5ce35c630001fd4f04920215.jpg

2、可以定义一个全局变量用来表示是否显示图片。可以参考下图代码。

http://img1.sycdn.imooc.com//climg/5ce35d770001652012940668.jpg

同学可以结合示例, 自己下去测试一下, 加深理解

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


好帮手慕码 2019-05-20 18:08:46

同学你好!
问题如下:

(1)图片的路径要选择正确

(2)通过js设置的宽高不需要添加px.默认单位就是px了

如果写成“300px”这样属性值会变成0!

原因在于我们所赋值的类型应该为number类型,如果为其他值,会自动转换成0!

http://img1.sycdn.imooc.com//climg/5ce27c8c0001d9a905160309.jpg

http://img1.sycdn.imooc.com//climg/5ce27ca20001162404230337.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 Jack崔 #1
    那如果我想在按钮下面显示,并且在有图片的情况下点击会隐藏,该怎么写。
    2019-05-20 22:22:28
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师