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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!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>

Jack崔 2019-05-20

源自：JavaScript内置对象 2-1 Array数组（1）

0

收起

2回答

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

同学年你好，1、图片在按钮下显示，可以通过CSS样式设置控制图片的位置，如果下图所示

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

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

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

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

同学你好！
问题如下：

（1）图片的路径要选择正确

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

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

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

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

提问者 Jack崔 #1

那如果我想在按钮下面显示，并且在有图片的情况下点击会隐藏，该怎么写。

2019-05-20 22:22:28

相似问题

效果图c的输出什么意思，我的代码c的输出和效果图为什么不一样？

为什么我这个代码没有动画效果

4-3练习，老师为什么设置了字体集没有效果

font简写部分功能为效果？？例如：加粗倾斜小写该大写？？？？

为什么不显示呀？

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号