点击图片弹出大图
2018-11-12 本文已影响3人
f1a94e9a1ea7
大体步骤:
- 获取图片元素,监听点击事件
let imgs = document.querySelectorAll('.wrap img')
for(let i=0; i < imgs.length; i++) {
imgs[i].addEventListener('click', function(e) {
})
}
- 点击后获取到点击图片的 src
this.src
- 生成<img>元素,添加到父元素里去
document.querySelector('.pop-wrap ul').innerHTML = `<li><img src=${this.src} /></li>`