Как с помощью js поменять содержимое content у псевдоэлементов before и after?
 

Добрый день, может кто знает,
как с помощью js поменять содержимое атрибута content у псевдоэлементов before и after? Буду очень благодарен.

grifangel,

<style>
p.new::after {
      font-weight: 700; /* Толщина шрифта */ 
      color: #FF0000; /* Цвет текста */ 
      background-color: #fc0; /* Цвет фона */ 
      font-size: 90%; /* Размер шрифта */ 
      padding:2px 4px; /* Поля вокруг текста */ 
</style>


<div id="before&after">
<style type="text/css">
p.new::after {
      content: "Новьё!"; /* Добавляемый текст */ 
    }

</style>
</div>


<p class="new"></p>


<script>
function changeCnt(str) {
var elem = document.getElementById('before&after');
var str='<style type="text/css">\
p.new::after {\
      content: "'+str+'";\
}\
</style>';
elem.innerHTML = str;
}
alert('Меняю текст?')
setTimeout(function(){changeCnt('Cтарье!');},800);
</script>

Deff, большое спасибо!

Обращаю внимание что способ не кроссбраузерный.