Alterar: passe as propriedades CSS com JavaScript

Eu preciso encontrar uma maneira de alterar o CSS: passe as propriedades usando JavaScript.

Por exemplo, suponha que eu tenha este código HTML:

<table>
  <tr>
    <td>Hover 1</td>
    <td>Hover 2</td>
  </tr>
</table>

E o seguinte código CSS:

table td:hover {
background:#ff0000;
}

Eu gostaria de usar JavaScript para alterar as propriedades de <td> hover para, digamos, background: # 00ff00. sei que eu poderia acessar a propriedade background do estilo usando JavaScript como:

document.getElementsByTagName("td").style.background="#00ff00";

Mas eu não sei de um equivalente JavaScript para: hover. Como eu altero o fundo destes <td>: hover usando JavaScript?

Sua ajuda é muito apreciada!

questionAnswers(8)

yourAnswerToTheQuestion