使用多行单元格操作HTML表格中的行和列

Question

我有一个html表，其中的单元格跨越多行：

  <table border="1" style=""><tbody id="x">
   <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td rowspan="3">**</td>
      <td>AAAA</td>
      <td>&nbsp;</td>
   </tr>
   <tr id="row2">
      <td>BBBB</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td>CCCC</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td style="">&nbsp;</td>
      <td id="ee">EEEE</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td style="">&nbsp;</td>
      <td id="dd">DDDD</td>
      <td>&nbsp;</td>
   </tr>
  </tbody></table>

---

<script type="text/javascript">
  alert ("index of dd before delete =" + document.getElementById("dd").cellIndex);
  document.getElementById("row2").style.display="none";
  alert ("index of dd after delete =" + document.getElementById("dd").cellIndex);
</script>

我试图在Javascript中操作它，例如隐藏row2。 当我这样做时，包含“**”的多行单元格向下移动，将第3行中的所有单元格向右移动1。显然我必须减少它的rowSpan。 但是当我看到第1行时，我似乎无法知道有一个多行单元格与此行相交 - 似乎我必须扫描row2上方的所有行以获取多行单元格。

有没有更好/更快的方法来找出哪些多行单元影响隐藏（或删除）操作？

Answer 1

尝试使用javascript ...它运行正常。

更改范围currRowToDelete的{​​{1}}的值。

Refer for working code: http://jsfiddle.net/arunkumrsingh/cdS2D/1/

[1 to 6]

Answer 2

我有一个解决方案，您无需计算Rowspan和Colspan。

第1步：获取HTML内容（如上所述）并保存为EXCEL文件。

步骤2：删除特定行（即Row 2）。

第3步：另存为HTML文件并阅读HTML内容。

您将以正确的格式获取HTML。