点击图片弹出大图

2018-11-12  本文已影响3人  f1a94e9a1ea7

点击图片弹出大图
demo
源码

大体步骤:

  1. 获取图片元素,监听点击事件
let imgs = document.querySelectorAll('.wrap img')
for(let i=0; i < imgs.length; i++) {
            imgs[i].addEventListener('click', function(e) {
            })
        }
  1. 点击后获取到点击图片的 src
this.src
  1. 生成<img>元素,添加到父元素里去
 document.querySelector('.pop-wrap ul').innerHTML = `<li><img src=${this.src} /></li>`
上一篇下一篇

猜你喜欢

热点阅读