無論如何使用javascript向表格行元素添加懸停效果

Question

我正在使用 javascript 將行添加到我的 html 表中，因為我無法使用 css 更改樣式屬性。

添加我使用的背景顏色

r = document.getElementById("table").insertRow();
r.style.background="flouralwhite"

但是當我將鼠標懸停在它上面時，我找不到改變背景顏色的方法。 有沒有辦法做到這一點。

Answer 1

您可以使用：-

const tableRow = document.createElement("tr");
// add td in it if you wish 
// add class to this row
tableRow.className = "hoverAble";

現在在您的 css 文件中添加樣式 -

hoverable:hover {
   background-colour:"flouralwhite";
}

我想這就是你要找的。