Достъпване на псведо селектори чрез JavaScript

[georgirgeorgiev]

Здравейте!
Знаете ли как може да се достъпят псевдо селекторите чрез JavScript, обаче без използване на jQuery ?
Например имаме този код:

HTML елемент:

Код: HTML

1. <h1 id="slider-info-header">ЛЪВЪТ ОТ ЮДА !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>

CSS за елемента:

Код: CSS

1. h1 {
2.         padding: 7px;
3.         padding-left: 12px;
4.         color: black;
5.         font-weight: bold;
6.         float: left;
7. }
8.    h1::before {
9.         content: "";
10.         display: inline-block;
11.         width: 9px;
12.         height: 12px;
13.         padding-right: 10px;
14.         background: url("../sprites/sprites.png") -14px -305px;
15.    }

Целта ми е когат, цъкна на <h1></h1> елемента, background-а на ::before елемента да се смени.
Не знам как да достъпя елемента в ::before.
Знаете ли как може да се достъпи елемента и да му сменя някой от CSS стиловете чрез JavaScript ?

[Avalanche]

Аз лично не съм чул за такъв начин. Дори и да има, май по-лесния вариант е да ползваш външна библиотека

[georgirgeorgiev]

Аз лично не съм чул за такъв начин. Дори и да има, май по-лесния вариант е да ползваш външна библиотека

Майче наистина по-лесният вариант е външна библиотека, и по-конкретно jQuery. Преди около час когато търсих начин за изпълняване на горната задача, излезнаха много резултати в които целта се постига, чрез jQuery.
Ако е БОЖИЯТА Воля, по-натам ще започна да уча jQuery, но за момента уча JavaScript и затова се питах дали има някакъв начин.
В интернет намерих начин как да взема стиловете на даден псевдо селектор. Например за background-а за горният <h1></h1> елемент:

Код: Javascript

1. var sliderInfoHeaderBackground= window.getComputedStyle(sliderInfoHeader, '::before').getPropertyValue('background');

Не знам този начин до колко е правилен и дали въобще е правилен.

Но не само да се вземе стилът, но и да се промени, не намерих как става.

[echeveria]

Не става да се променят в движение псевдо елементи. Може да се взима пропътри по няколко начина: може да се парсне целия css и да се намери стринга който е за конкретния елемент и да се добавя нов стил, или една вариация на твоя  пример. За да се промени елемент с бефор и афтър просто се създава нов клас с съответния стил и се добавя към този който ще променяш.
http://stackoverflow.com/questions/7330355/javascript-set-css-after-styles/7330454#7330454

[georgirgeorgiev]

Не става да се променят в движение псевдо елементи. Може да се взима пропътри по няколко начина: може да се парсне целия css и да се намери стринга който е за конкретния елемент и да се добавя нов стил, или една вариация на твоя  пример. За да се промени елемент с бефор и афтър просто се създава нов клас с съответния стил и се добавя към този който ще променяш.
http://stackoverflow.com/questions/7330355/javascript-set-css-after-styles/7330454#7330454

Благодаря ти много за отговора!
Изглежда чрез добавяне/махане на клас е много чест/най-честият начин за достъпване на ::before/::after елементите, понеже вече няколко човека ми писаха, че може да се направи по този начин, както и видях някои хора да го правят по този начин, нали?