[MallSerg]

Как присвоить псевдо элемент переменной?

Никак
Псевдо элемент это не элемент страницы это просто набор CSS стилей
т.е. псевдо элемент невозможно получить как элемент HTML страницы у псевдоэлемента нет событий это просто набор стилей.
И работать с этими стилями можно точно так же как и с другими стилями на странице.

<style>
#el1:before{
    content: 'Все работает!';
}
</style>
 <div id="el1"></div>
 <script>
var CSSrules = document.styleSheets[0].cssRules[0].style;
var str = "Доступ из JS возможен";
var i = 0;
	setInterval( animate , 100 );
	function animate (){
		i++>30?i=1:0;
		CSSrules.cssText = "content:'"+ str.substr(0,i)+"'";
	};
alert(CSSrules.content);
</script>