无法使用javascript更改css

在handsontable的afterOnCellMouseOver函数中，当我将鼠标悬停在列标题上时，我试图更改列标题的css颜色属性

\u在CellmouseOver（e、coords、td）之后{
if（coords.row===-1&&&this.hot）{
让contellem=document.getElementById（`cont${varId}`）；
contElem.style.color=“紫色”；
}
}

div.hotColHeaderContainer{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
溢出：可见；
位置：相对位置；
}

---

您可以使用css

悬停

选择器。下面的片段：

div.hotColHeaderContainer{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
溢出：可见；
位置：相对位置；
}
分区hotColHeaderContainer:悬停{
颜色：紫色
}

---

你好

您可以使用css

悬停

选择器。下面的片段：

div.hotColHeaderContainer{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
溢出：可见；
位置：相对位置；
}
分区hotColHeaderContainer:悬停{
颜色：紫色
}

---

您好

您可以不用js，也不用css hover property来做这件事

应该怎么做？这在纯html上是不可能的。你在使用任何框架吗？正如@Rumesh所说，确实是因为过度行为而放弃JS。使用完整的CSS解决方案：悬停选择器javascript解决方案根本不可能吗？Hover工作得很好，但我只是好奇。你可以不用js，不用css Hover属性来完成它。为什么

应该工作？这在纯html上是不可能的。你在使用任何框架吗？正如@Rumesh所说，确实是因为过度行为而放弃JS。使用完整的CSS解决方案：悬停选择器javascript解决方案根本不可能吗？悬停很好，但我只是好奇。