使用JS的具有动态差异数量列的闪亮DT多级标题

<table>
  <thead>
    <!-- 动态生成的表头行 -->
  </thead>
  <tbody>
    <!-- 表体内容 -->
  </tbody>
</table>

// 动态生成表头
function generateHeader(levels) {
  var thead = document.querySelector('thead');
  var headerRow = document.createElement('tr');
  
  for (var i = 0; i < levels; i++) {
    var th = document.createElement('th');
    th.textContent = 'Level ' + (i + 1);
    headerRow.appendChild(th);
  }
  
  // 添加差异数量列
  var diffTh = document.createElement('th');
  diffTh.textContent = '差异数量';
  headerRow.appendChild(diffTh);
  
  thead.appendChild(headerRow);
}

// 添加闪亮效果
function addShiningEffect() {
  var diffCells = document.querySelectorAll('thead th:last-child');
  
  for (var i = 0; i < diffCells.length; i++) {
    var cell = diffCells[i];
    cell.classList.add('shining-effect');
  }
}

// 调用函数生成表头并添加闪亮效果
generateHeader(3);
addShiningEffect();

.shining-effect {
  animation: shining 1s infinite;
}

@keyframes shining {
  0% {
    background-color: yellow;
  }
  50% {
    background-color: orange;
  }
  100% {
    background-color: yellow;
  }
}