Question

我有一个HTML文件，当我在虚拟链接上手动移动光标时，它会显示黄色，因为我已经在css悬停上添加了该样式。同样我想用java脚本模拟。以下是供参考的图片。

请建议我如何实现它？

<!DOCTYPE html>
<html>
<head>
<style>
a:hover {
   background-color: yellow;
}
</style>
</head>
<body>

<a href="https://####">dummylink</a>

<p><b>Note:</b> The :hover selector style links on mouse-over.</p>

</body>
</html>

Answer 1

使用mouseover和mouseout事件：

＆＃13;

const a = document.querySelector('a');
a.onmouseover = () => a.style.backgroundColor = 'yellow';
a.onmouseout = () => a.style.backgroundColor = null;

＆＃13;

<a href="https://####">dummylink</a>

＆＃13;

如何使用javascript

1 个答案: