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

Question

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

Answer 1

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

Answer 2

css中实现该类的伪类效果

Answer 3

哥们，高达20元的悬赏，都不值得你敲段代码截个图给我看看吗！？

Answer 4

.a :hover{
  text-decoration:underline
}

document.querySelector('el-selector-reset-btn').classList.add("a")