Javascript:通过.style设置元素悬停时的颜色

Javascript: Set an elements color on hover through .style

本文关键字：悬停 颜色 元素 设置 通过 style Javascript      更新时间：2023-09-26

我正在用Javascript动态地编写CSS。我试图指定(在javascript中)，当鼠标悬停在段落元素上时，其文本颜色会发生变化。

是否有一种方法可以做到这一点，而不必诉诸于onMouseOver的方式，像… 

myEle.style.colorHover = "#FFFFFF";
// Maybe this works?
var ele = document.createElement("p");
ele.style.colorHover = "#FFFFFF";
ele.style.backgroundColorHover = "#000000";
ele.style.color = "#000000";
ele.style.backgroundColor = "#FFFFFF";

只需在文本中添加一个额外的A标签，并使用:hover来改变文本的颜色。

当然，你可能想创建一个类，并通过JavaScript添加它。

JavaScript: 

ele.setAttribute("class", "myClass");
CSS: 

P A.myClass
{
 /* colors when not hovering */   
}
P A.myClass:hover
{
 /* colors when hovering */
}
相关文章：