JavaScript DOM操作案例点击图片修改图片路径

最新推荐文章于 2024-05-30 11:27:58 发布

weixin_30273931

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量804

点赞数

文章标签： javascript ViewUI

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

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <a href="images/1.jpg" id="a1"><img src="images/1-small.jpg" alt="" id="im"/></a>
 9 <script>
10     //通过id获取图片元素,注册点击事件,添加事件处理函数
11     document.getElementById("im").onclick = function () {
12         //将图片路径设置为a标签的href
13         this.src = document.getElementById("a1").href;
14         //return false;
15     };
16 </script>
17 </body>
18 </html>

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

优惠劵

weixin_30273931

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript DOM操作案例点击图片修改图片路径

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

扫一扫