JavaScript实现原生table元素鼠标移动到tr上,行变背景色
代码:
trbgColorChange () {
const self = this;
var oObj = event.srcElement;
if (self.currentTr) {
self.currentTr.style.backgroundColor = "#FFF";
}
if (oObj.tagName.toLowerCase() == "td") {
var oTr = oObj.parentNode;
if (!oTr.tag) oTr.style.backgroundColor = "#E1E9FD";
self.currentTr = oTr
}
}
},
//currentTr记录上一个记录
使用:
<tr
style="text-align:center;font-weight:600"
@mouseover="trbgColorChange()"
class="fadeTrClass"
>
<td class="leftTdClass">Thing Name</td>
<td>{{ activeId }}</td>
</tr>