使用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