[danik.js]

:hover это же css событие

Это не событие. Это псевдокласс. Можешь себе представить что это просто класс, будто бы .hover, только браузер его как-бы сам добавляет при наведении на элемент мышки, и убирает когда уводишь. Ну и вместо одной точки - две точки. То есть разницы то практически нет.

Класс - это всего лишь способ задать стили элементу, не более.
Способ задать стили элементу из js также имеется. Через style. (стиль запишется в атрибут style, который имеет преимущество перед стилями из таблицы стилей (окромя !important)). Так чего же тебе не хватает?

Вот с псевдоэлементами да, проблема. Для них действительно нет способа задавать стили из js (без манипуляции с таблицой стилей). Интересно то, что способ получать стили имеется:

<style>
 h3:after {
   content: ' rocks!';
   color: red;
 }
</style>

<h3>generated content</h3> 

<script>
  var h3       = document.querySelector('h3'), 
      result   = getComputedStyle(h3, ':after').color;

  alert('the generated content color is: ' + result);
</script>