2024年07月18日 建站教程
如何利用原生js判断页面中是否存在某张图片,下面web建站小编给大家简单介绍一下具体实现代码!
代码如下:
// 获取所有要判断的图片节点 const images = document.querySelectorAll('.pic') // 循环遍历每个图片节点 images.forEach(image => { // 创建一个新的Image对象 const img = new Image() // 加载完成,显示实际图片 img.onload = () => { image.src = image.getAttribute('src-real') } // 加载失败,显示默认图片 img.onerror = () => { image.src = 'images/default.jpg' } // 设置Image对象的src属性并加载图片 img.src = image.getAttribute('src-real') })
本文链接:http://so.lmcjl.com/news/8715/