当td为空时，如何使colspan自动？

<table>
  <tr>
    <td>1</td>
    <td class="empty-td"></td>
    <td>3</td>
  </tr>
  <tr>
    <td class="empty-td"></td>
    <td class="empty-td"></td>
    <td>6</td>
  </tr>
</table>

<script>
  // 获取所有具有"empty-td"类名的td元素
  var emptyTds = document.getElementsByClassName("empty-td");

  // 遍历空td元素
  for (var i = 0; i < emptyTds.length; i++) {
    var td = emptyTds[i];

    // 判断td内容是否为空
    if (td.innerHTML.trim() === "") {
      var tr = td.parentNode; // 获取td所在的tr元素
      var colspan = 1; // 初始化colspan的值

      // 统计连续的空td元素数量
      for (var j = i + 1; j < emptyTds.length; j++) {
        if (emptyTds[j].innerHTML.trim() === "") {
          colspan++;
        } else {
          break;
        }
      }

      // 将colspan的值赋给第一个空td元素
      td.setAttribute("colspan", colspan);
    }
  }
</script>