主页 / 问题 / 1077330
Accepted
Arcadiy
Asked:2020-02-02 19:05:10 +0000 UTC2020-02-02 19:05:10 +0000 UTC

如何使用脚本向图像添加类（延迟加载）？

  • 772

该脚本的任务是将一个类添加到图像中的现有类。示例： <img src="https://site.ru/image.jpg" class="store">- 现在不同图像具有什么类并不重要（它们可以不同），在那里添加您自己的类很重要"lazyload"

javascript

1 个回答

  1. Best Answer

    我们全屏查看示例 - 打开开发者控制台 - 并看到 class="num"

    window.onload = function() {
  let images = [...document.getElementsByTagName("img")];

  for (let i = 0; i < images.length; i++) {
    images[i].classList.add("num");
  }
}
    <img src="http://placehold.it/28" alt="">
<img src="http://placehold.it/30" alt="">
<img src="http://placehold.it/20" alt="">
<img src="http://placehold.it/26" alt="">

    另外，这就是你可以

    document.querySelectorAll("img").forEach(function(i, e) {
  i.classList.add("new");
})
    <img src="http://placehold.it/30" class="img" alt="">
<img src="http://placehold.it/40" class="img" alt="">
<img src="http://placehold.it/50" class="img" alt="">

    两个示例都添加了这样的类 <image src="" class="class1 class2">

    在此处输入图像描述

    • 3

相关问题