使用JavaScript更改:hover CSS属性

我需要找到一种使用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背景?


非常感谢您的帮助!


慕少森
浏览 2239回答 3
3回答

幕布斯6054654

您无法:hover通过Javascript 更改或更改实际的选择器。但是,您可以使用mouseenter来更改样式,然后重新启用mouseleave
打开App,查看更多内容
随时随地看视频慕课网APP