在加载图像之前将样式应用于图像答案

【问题标题】：Apply style to images before they are loaded在加载图像之前将样式应用于图像
【发布时间】：2022-04-17 15:37:19
【问题描述】：

我对应用图像和背景图像的样式特别感兴趣。该样式通过一个 CSS 类从 chrome 扩展注入到页面中。我无法直接控制页面上的元素，只能通过我的 js 脚本来控制，该脚本在网页打开时注入到网页中。在使用DOMContentLoaded 事件监听器加载页面之前应用于每个元素的类是这样的：

function insertClass(){
 //find all elements with img tag or background style
 //add style to those elements
}
document.addEventListener('DOMContentLoaded', insertClass})

尽管根据DOMContentLoaded 的描述，该函数应该在加载元素之前运行，但我仍然可以看到图像在一瞬间没有应用样式，这意味着在图像渲染之后应用了样式。有没有办法在图像渲染之前应用样式？

【问题讨论】：

标签： javascript dom-events

【解决方案1】：

也许这只是一个错字，但在document.addEventListener('DOMContentLoaded', insertClass}) 后面有一个额外的}，在insertClass 之后

【讨论】：