querySelector选择一个元素后，如何添加伪类？

工作遇到的问题: let btn = document.querySelector('el-selector-reset-btn'); 取得元素后，进行赋值操作:btn.style.color=red; btn.innerText=“确定“；
btn.onclick = fuction(){};都可以生效，但是今天突然得知要实现一个效果，即鼠标放上去后有下划线，就是那个伪类样式::hover {text-decoration:underline}的效果。
现在问题是不知道通过querySelector获取到元素后，即btn，如何直接在btn的基础上实现这个伪类效果。

可以添加一个类名，类名在实现伪类效果

事情简单化点？有类了咱直接定义就可以了吧

.el-selector-reset-btn:hover{
  text-decoration:underline;
}

人家说的是在btn 的基础上，大家回答的都跑偏了
而且你们的获取方法里都不带点还能执行吗？当然是先准备一个类，做好hover样式。然后btn 在mouseover 的时候添加这个类就可以了啊