如果鼠标悬停在行上，则快速取消隐藏一列中的按钮

<tr>
  <td>数据1</td>
  <td>数据2</td>
  <td>数据3</td>
  <td><button class="cancel-btn">取消隐藏</button></td>
</tr>

.cancel-btn {
  display: none;
}

// 获取所有行
var rows = document.getElementsByTagName('tr');

// 遍历每一行
for (var i = 0; i < rows.length; i++) {
  // 监听鼠标悬停事件
  rows[i].addEventListener('mouseover', function() {
    // 显示取消隐藏按钮
    this.querySelector('.cancel-btn').style.display = 'block';
  });

  // 监听鼠标移出事件
  rows[i].addEventListener('mouseout', function() {
    // 隐藏取消隐藏按钮
    this.querySelector('.cancel-btn').style.display = 'none';
  });
}