原生js如何判断图片是否存在

如何利用原生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')
})

原生JS如何判断身份证是否正确

javascript语法如何判断class是否存在

javascript如何获取元素并修改元素属性

原生JS如果只关闭手机浏览器中弹出提示框

原生JS如何生成一个表格（根据数据生成表格）

标签： getAttribute, js判断, queryselectorAll, 原生js

上面是“原生js如何判断图片是否存在”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4471.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！