使用JavaScript更改：hover CSS属性

Question

我需要找到一种使用JavaScript更改CSS：hover属性的方法。

例如，假设我有以下HTML代码：

<table>

  <tr>

    <td>Hover 1</td>

    <td>Hover 2</td>

  </tr>

</table>

以及以下CSS代码：

table td:hover {

background:#ff0000;

}

我想使用JavaScript将<td>悬停属性更改为例如background：＃00ff00。知道我可以使用JavaScript通过以下方式访问样式背景属性：

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

但是我不知道：hover的JavaScript等效项。如何使用JavaScript更改这些<td>的：hover背景？

非常感谢您的帮助！

Answer 1

您无法:hover通过Javascript 更改或更改实际的选择器。但是，您可以使用mouseenter来更改样式，然后重新启用mouseleave