Question

我试图在鼠标悬停时用单个td替换三个td： Sample code in JSFiddle

<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>

鼠标悬停有效，但鼠标悬停将被忽略。

Answer 1

更改元素的let lowerLimit = 2; // Or any value let regex = RegExp ("[\n]{" + lowerLimit + ",Infinity}", "g");后mouseout事件不起作用。我不知道确切解释为什么。

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

JSFiddle

Answer 2

尝试一下，它将起作用。

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

鼠标悬停时更改列数

2 个答案: