Javascript 在背景中加载图像而不应用CSS样式

你能帮我吗？我正在使用一个脚本来设置加载后的图像，但是样式没有一起应用

$('img[data-src]').each(function() {
   var img = $(this);
   var newimg = new Image();
   newimg.src = img.attr('data-src');
   newimg.setAttribute('class', img.attr('data-src'));
   newimg.onload = function() {
   img.replaceWith(newimg);
   };
});

我不能将HTML和CSS样式放在这里，因为每个标记都有自定义样式，所以我需要使上面的脚本能够继承样式

---

我应该如何解决这个问题？谢谢

这是因为您创建的新元素没有相同的

类

和

样式

属性。只需将它们复制到新元素

$('img[data-src]').each(function() {
   var img = $(this);
   var newimg = new Image();
   newimg.src = img.attr('data-src');
   newimg.setAttribute('class', img.attr('class'));
   newimg.setAttribute('style', img.attr('style'));
   newimg.onload = function() {
   img.replaceWith(newimg);
   };
});