在前端開發中，CSS偽元素是一個非常常見的技巧，可以幫助我們實現以前需要額外的HTML元素才能完成的樣式效果。然而，如果我們想要在JavaScript中獲取這些偽元素的樣式屬性，又該如何實現呢？

// 獲取偽元素樣式的通用函數
function getComputedStyleOfPseudoElement(element, pseudoEle) {
let style = window.getComputedStyle(element, ':' + pseudoEle);
return style;
}
// 使用示例
let myElement = document.querySelector('.my-style');
let afterStyle = getComputedStyleOfPseudoElement(myElement, 'after');
console.log(afterStyle.getPropertyValue('background-color'));

上述代碼中，我們首先定義了一個通用的函數getComputedStyleOfPseudoElement來獲取任何元素的任何偽元素的樣式對象。該函數接受兩個參數：要獲取樣式的元素和要獲取樣式的偽元素名稱。我們使用window.getComputedStyle方法來獲得元素的實際樣式，通過在偽元素名稱前加上一個":"來指定要獲取的偽元素。

之后的代碼示例展示了如何使用這個通用函數來獲取一個.my-style元素的::after偽元素的背景顏色屬性，并將其打印到控制臺上。

需要注意的是，雖然這個通用函數相對來說比較簡單，但并不是所有CSS樣式都可以通過這種方式獲取。一些特殊的偽元素、動態生成的偽元素以及一些非標準的CSS屬性都可能不支持這種方式。因此，在實際開發時，我們需要謹慎使用這種技巧，并確保在各種瀏覽器和環境下都能正常工作。