图片懒加载的一个细节？

Question

如果先用一张占位图片来显示
如何才能做到切换为需要的图片？

如果是新建一个image对象的话

const realImg = new Image();
realImg.src='XXXX';
realImg.onload = ()=>{这里要怎么替换占位图?}

Answer 1

<img src="占位图地址" id="image" />

const url = '真实地址'
const element = document.getElementById('image')
const image = new Image()
image.src = url
image.onload = () => {
    element.src = url
}

大致思路就是这样

Answer 2

把剪头函数改成function的写法，通过this获取上下文，直接改src的值。

Answer 3

直接拿到img元素改src