在加載圖像之前將樣式應用於圖像

Question

我特別感興趣的是為圖像和背景圖像應用樣式。 該樣式通過 CSS class 從 chrome 擴展程序注入到頁面中。 我無法直接控制頁面上的元素，只能通過打開網頁時注入的 js 腳本來控制。 在使用DOMContentLoaded事件偵聽器加載頁面之前應用於每個元素的 class 是這樣的：

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

盡管根據DOMContentLoaded的描述，function 應該在加載元素之前運行，但我仍然可以看到沒有應用樣式的圖像，這意味着在呈現圖像后應用了樣式。 有沒有辦法在渲染圖像之前應用樣式？

Answer 1

也許這只是一個錯字，但在document.addEventListener('DOMContentLoaded', insertClass})中有一個額外的} ，在insertClass之后