Question

使用 Javascript 合并单元格

2011-10-28

102

javascript join html-table cells

我正在尽最大努力计划如何做到这一点，但我不能...

示例：

我有一个带有 id 但没有 td id 的表...

每个 tr 中有四个 td。

<tr>
<td>one</td><td>two</td><td>three</td><td>four</td></tr>
<tr>
<td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>

所以，我想要的是在同一个表中生成以下输出：

<tr>
<td>one two</td><td>three four</td></tr>
<tr>
<td>aaa bbb</td><td>ccc ddd</td></tr>

表中从 4 个 td 到 2 个 td 显示四个值。

Answer 1

编辑： 我误读了您的目标 HTML，并给了您一些您不想要的东西。以下是更正后的代码，可为您提供所需的 HTML 结果：

http://jsfiddle.net/gilly3/DxVAS/6/

var t = document.getElementById("myTable");
for (var i = t.rows.length - 1; i >= 0; i--) {
    var r = t.rows[i];
    r.cells[0].innerHTML += " " + r.removeChild(r.cells[1]).innerHTML;
    r.cells[1].innerHTML += " " + r.removeChild(r.cells[2]).innerHTML;
}

Answer 2

玩得开心： http://jsfiddle.net/ungarida/4C29u/

Davide Ungari

2011-10-28