仅在加载图像时才将阴影应用于图像？

Question

我只需要在渲染图像时为图像应用box shadow属性。如果图像未加载，则box-shadow属性：none应该执行。是否可能？

Answer 1

您可以在已加载图像时添加类。

JS

var yourImage = document.getElementById('yourImage');
yourImage.onload = function(){
    yourImage.classList.add('boxShadow');
};

CSS

.boxShadow{
    box-shadow: 0 0 1px;
}

Answer 2

您可以使用JavaScript，等待onload，然后设置属性

var image = document.getElementById("yourImage");
image.onload = function() {
    image.style.boxShadow = "10px 20px 30px blue";
}