Javascript 更改鼠标悬停时的列数_Javascript_Html Table_Onmouseover_Onmouseout

Javascript 更改鼠标悬停时的列数

javascript

Javascript 更改鼠标悬停时的列数,javascript,html-table,onmouseover,onmouseout,Javascript,Html Table,Onmouseover,Onmouseout,我正在尝试用鼠标上方的单个td替换三个td： A. B C mouseover可以工作，但是mouseout被忽略。更改元素的innerHTML后，mouseout事件不工作。我不知道该怎么解释您可以通过将单个单元格添加到html中，并切换单元格的可见性来实现试试这个，它会有用的 A. B C 看起来像：）这对我来说太尴尬了。有时才有用。（铬合金68.0.3440.106） <html> <body> <table border="1"&

我正在尝试用鼠标上方的单个td替换三个td：


A.
B
C

mouseover可以工作，但是mouseout被忽略。

更改元素的

innerHTML

后，

mouseout

事件不工作。我不知道该怎么解释

您可以通过将单个单元格添加到html中，并切换单元格的可见性来实现

试试这个，它会有用的


A.
B
C

看起来像：）这对我来说太尴尬了。有时才有用。（铬合金68.0.3440.106）

<html>
  <body>
    <table border="1">
      <tr onmouseover="this.innerHTML='<td colspan=3>ABC</td>'" onmouseout="this.innerHTML='<td>A</td><td>B</td><td>C</td>'">

        <td>A</td>
        <td>B</td>
        <td>C</td>
      </tr>
   </table>
</body>