在CSS或Javascript本身中设置Javascript文本元素的样式

我在HTML div字段中放置了一个Javascript文本元素，现在我希望文本颜色为白色。我还想对文本做一些其他修改。现在我想知道如何设置文本元素的样式，或者它是否可以 以这种形式是可能的

（翻译成谷歌翻译，可能包含错误）

这是我的javascript代码：

var bghtooltipin = document.getElementById('bgh-tooltipin1');
var bghtooltipout = document.getElementById('bgh-tooltipout1');
bghtooltipin.addEventListener('mouseover', bghtooltipinmouseOver);
bghtooltipin.addEventListener('mouseout', bghtooltipoutmouseOut);

function bghtooltipinmouseOver() {
  bghtooltipout.innerHTML = 'Go to Login';
}

function bghtooltipoutmouseOut() {
  bghtooltipout.innerHTML = ' ';
}

---

当用户将鼠标移到按钮上时，您似乎想要更改文本颜色。CSS有一个涵盖此用例的伪类。看看

有两种方法，使用css类或直接

样式

操作

var bghtooltipin=document.getElementById（'bgh-tooltipin1'）；
var bghtooltipout=document.getElementById（'bgh-tooltipout1'）；
bghtooltipin.addEventListener（'mouseover'，bghtooltipinmouseOver）；
bghtooltipin.addEventListener（'mouseout'，bghtooltipoutmouseOut）；
函数bghtooltipinmouseOver（）{
bghtooltipout.innerHTML='转到登录'；
bghtooltipin.style.color=“白色”；
}
函数bghtooltipoutmouseOut（）{
bghtooltipout.innerHTML=''；
bghtooltipin.style.color=“黑色”；
}

测试1

谢谢@Józef Podlecki现在我想给我的文本添加一个小的过渡，这样文本在大约6毫秒后悬停。这将是我对文本的第二次修改

因为我没有用经典的风格元素做到这一点