点击图片弹出大图

点击图片弹出大图
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. 生成元素,添加到父元素里去
 document.querySelector('.pop-wrap ul').innerHTML = `
  • `

    你可能感兴趣的:(点击图片弹出大图)