JS :在表格中恰好在tr上方显示弹出框位置

// 获取所有tr元素
var trList = document.getElementsByTagName('tr');

// 遍历tr元素，为每个tr添加事件监听器
for (var i = 0; i < trList.length; i++) {
  trList[i].addEventListener('mouseover', showPopup);
  trList[i].addEventListener('mouseout', hidePopup);
}

// 鼠标移入事件处理函数
function showPopup(event) {
  // 获取当前鼠标所在的tr元素
  var tr = event.target;

  // 获取tr元素的位置信息
  var rect = tr.getBoundingClientRect();
  var trTop = rect.top;
  var trLeft = rect.left;
  var trWidth = rect.width;
  var trHeight = rect.height;

  // 创建弹出框元素
  var popup = document.createElement('div');
  popup.className = 'popup';
  popup.style.position = 'absolute';

  // 计算弹出框的位置
  var popupTop = trTop - popup.offsetHeight;
  var popupLeft = trLeft;

  // 设置弹出框的位置
  popup.style.top = popupTop + 'px';
  popup.style.left = popupLeft + 'px';

  // 将弹出框添加到文档中
  document.body.appendChild(popup);
}

// 鼠标移出事件处理函数
function hidePopup(event) {
  // 移除弹出框元素
  var popup = document.querySelector('.popup');
  if (popup) {
    popup.parentNode.removeChild(popup);
  }
}