js---基础小案例点击小图换大图

最新推荐文章于 2021-11-11 20:50:10 发布

zero-小千妹

最新推荐文章于 2021-11-11 20:50:10 发布

阅读量238

点赞数

分类专栏： Tab 文章标签： javascript html vue.js

本文链接：https://blog.csdn.net/weixin_50567521/article/details/120787064

版权

Tab 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一直在写vue 这几天有时间就把js原生小案例过一遍哈哈哈哈

 <!-- 放大图片 -->
        <div style="margin-top: 30px;">
            <img src="./img/1.jpg" alt="" class="width" onclick="toggle(1)">
            <img src="./img/2.jpg" alt="" class="width" onclick="toggle(2)">
            <img src="./img/3.jpg" alt="" class="width" onclick="toggle(3)">
        </div>
        <img src="./img/1.jpg" alt="" class="img">

 function toggle(index){
          const imgs = document.querySelector('.img')
          imgs.src = `./img/${index}.jpg`
            console.log(imgs.src)
        }