Ich muss einen Weg finden, um CSS zu ändern: Hover-Eigenschaften mit JavaScript.

Angenommen, ich habe diesen HTML-Code:

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

Und den folgenden CSS-Code:

table td:hover {
background:#ff0000;
}

Ich möchte JavaScript verwenden, um die <td> -Hover-Eigenschaften auf beispielsweise Hintergrund zu ändern: # 00ff00. Ich weiß, dass ich mit JavaScript auf die Eigenschaft style background zugreifen kann als:

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

Aber ich kenne kein JavaScript-Äquivalent für: hover. Wie ändere ich diesen <td>: hover-Hintergrund mit JavaScript?

Ihre Hilfe wird gerne in Anspruch genommen!