这个显示效果为什么不体现?
来源:2-1 Array数组(1)
Jack崔
2019-05-20 16:56:25
<!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>
2回答
好帮手慕慕子
2019-05-21
同学年你好,1、 图片在按钮下显示, 可以通过CSS样式设置控制图片的位置, 如果下图所示
2、可以定义一个全局变量用来表示是否显示图片。可以参考下图代码。
同学可以结合示例, 自己下去测试一下, 加深理解
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
好帮手慕码
2019-05-20
同学你好!
问题如下:
(1)图片的路径要选择正确
(2)通过js设置的宽高不需要添加px.默认单位就是px了
如果写成“300px”这样属性值会变成0!
原因在于我们所赋值的类型应该为number类型,如果为其他值,会自动转换成0!
如果帮助到了你 欢迎采纳 祝学习愉快~
相似问题
回答 2