層疊樣式表（CSS）的主要目的是為HTML元素添加樣式，然而，在某些案例中為文件添加額外的元素是多餘的或是不可能的。事實上CSS中有一個特性允許我們添加額外元素而不擾亂文件本身，這就是「偽元素」。
前面的話
無法直接為before和after偽元素設定js效果
範例說明
現在需要為(id為box,內容為"我是測試內容"的div)添加(:before內容為"前綴"，顏色為紅色的偽類)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">我是测试内容</div> <script> var oBox = document.getElementById('box'); </script>
</body>
</html> 解決方法
【方法一】動態嵌入CSS樣式
IE8-瀏覽器將