原生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(){})来监控的