如何使用 jQuery 或 JavaScript 存取 CSS 偽元素（:before、:after）的樣式屬性？

使用jQuery 存取偽元素的樣式屬性

像:before 和:after 這樣的偽元素用於為元素添加裝飾內容元素。雖然可以直觀地檢查它們，但直接使用 jQuery 存取其樣式屬性可能具有挑戰性。

與普通元素不同，偽元素不存在於 DOM 中，且無法使用標準選擇器進行選擇。這是因為它們的目的是修改關聯元素的外觀，而不是提供獨立的內容。

在給定的場景中，您嘗試偵測具有預設背景位置的偽元素。使用 $(".commentarea .author:before") 不起作用，因為 :before 不是有效的 jQuery 選擇器。

相反，您可以嘗試使用答案中提到的 jQuery 外掛程式來提取原始 CSS 規則：http://flesler.blogspot.com/2007/11/jqueryrule.html。該外掛程式允許您解析 CSS 規則並存取其屬性。

或者，您可以使用JavaScript 來存取元素的計算樣式，其中包括任何偽元素的效果：

const computedStyle = window.getComputedStyle(element);
const backgroundImage = computedStyle.backgroundImage;
const backgroundPosition = computedStyle.backgroundPosition;

這種方法允許您獲取瀏覽器所看到的元素的樣式屬性，包括偽元素所做的任何修改。但是，需要注意的是，計算出的樣式可能並不總是反映實際的來源 CSS 規則，尤其是在複雜級聯的情況下。

以上是如何使用 jQuery 或 JavaScript 存取 CSS 偽元素（:before、:after）的樣式屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！