Javascript：在悬停.style时设置元素颜色

Question

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

有没有办法做到这一点，而不必采用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";

Answer 1

只需将文字换成附加的A标签，然后使用：悬停以更改文字的颜色。

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

JavaScript的：

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

CSS：

P A.myClass
{
 /* colors when not hovering */   
}
P A.myClass:hover
{
 /* colors when hovering */
}