JavaScript DOM操作案例点击按钮显示大图以及封装通过id获取元素的函数

最新推荐文章于 2022-09-11 12:38:29 发布

weixin_30556161

最新推荐文章于 2022-09-11 12:38:29 发布

阅读量157

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cuilichao/p/9338818.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <input type="button" value="显示大图" id="bt"/>
 9 <img src="images/1-small.jpg" alt="" id="im"/>
10 </body>
11 <script>
12     //封装通过id获取元素函数
13     function my$(id) {
14         return document.getElementById(id);
15     }
16 
17     //通过自定义函数获取按钮元素,注册点击事件,添加事件处理函数
18     my$("bt").onclick = function () {
19         //通过自定义函数获取图片路径并修改
20         my$("im").src = "images/1.jpg";
21     };
22 </script>
23 </html>

转载于:https://www.cnblogs.com/cuilichao/p/9338818.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30556161

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript DOM操作案例点击按钮显示大图以及封装通过id获取元素的函数

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="b...
复制链接

扫一扫