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標記中，然后使用：hover即可更改文本的顏色。

當然，您可能想要創建一個類並通過JavaScript添加它。

JavaScript：

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

CSS：

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