如何在JavaScript中将具有行跨距和列跨距的超文本标记语言表格规范化为矩阵

// 获取HTML表格元素
const tableElement = document.getElementById('table');

// 解析表格结构
const rows = tableElement.rows;
const rowCount = rows.length;
const colCount = rows[0].cells.length;

// 创建矩阵数据结构
const matrix = new Array(rowCount);
for (let i = 0; i < rowCount; i++) {
  matrix[i] = new Array(colCount);
}

// 填充矩阵数据
for (let i = 0; i < rowCount; i++) {
  const cells = rows[i].cells;
  for (let j = 0; j < colCount; j++) {
    matrix[i][j] = cells[j].innerText;
  }
}

// 处理行跨距和列跨距
for (let i = 0; i < rowCount; i++) {
  const cells = rows[i].cells;
  for (let j = 0; j < colCount; j++) {
    const cell = cells[j];
    const rowSpan = cell.rowSpan;
    const colSpan = cell.colSpan;
    if (rowSpan > 1 || colSpan > 1) {
      for (let k = 0; k < rowSpan; k++) {
        for (let l = 0; l < colSpan; l++) {
          if (k !== 0 || l !== 0) {
            matrix[i + k][j + l] = cell.innerText;
          }
        }
      }
    }
  }
}

// 打印规范化后的矩阵数据
console.log(matrix);