原生js 如何设置dom元素 hover状态的样式?

Question

使用原生js 如何设置dom元素 hover状态的样式？要求如下：1.不使用外联css表设置，也没有className。比如 abc:hover{},2,不使用 onmouseover,onmouseout 事件去改变样式。请问有办法实现吗？

Answer 1

document.styleSheets 了解一下

Answer 2

不使用 onmouseover,onmouseout 事件去改变样式。

hover是啥，hover就是onmouseover，你又不让用onmouseover，那浏览器怎么知道你hover了，，

Answer 3

我是用

window.addEventListener('onmouseover', function(){})

来监控的