用Javascript连接单元格

用Javascript连接单元格,javascript,join,html-table,cells,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&g

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

例如:

我有一张带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>

一三四
aaabbbccddd
所以,我想在同一个表中生成这个输出:

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

一二三四
aaa bbbccc ddd

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

编辑:我误读了您的目标HTML,并给了您一些您不需要的东西。下面是更正后的代码,它为您提供了所需的HTML结果:


玩得开心:

你已经试过什么了?你为什么不给我们看一些开始的代码?如果你能描述一下你试图解决的问题,我们可能会建议一个替代的解决方案。嗨,ungarida,谢谢你的回复!只有一个问题。。。我想不按按钮就自动换桌子。抱歉,我的新手对jS的了解太少了。直接调用morphTable函数$(document).ready(函数(){morptable();});
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;
}