使用javascript传输文本

Question

我在html中有3个表格，在某个时间，我想从1个表格移动文本将移动到另一个表格。有人可以向我展示一个JavaScript函数（只需几行 - 不要花太长时间），可以将文本从td转移到另一个。

Answer 1

ONEtd值传送到另一：

那么，如果你指定一个td的ID（例如：“firstTD”，“secondTD”），你可以存储它在一个变量（例如值“tdToMove “）：

var tdToMove = document.getElementById("firstTD").innerHTML; 
document.getElementById("secondTD").innerHTML = tdToMove; 

注：这只会复制单个td的innerHTML，并复制它在其他。如果你想清除的第一项，请运行：

document.getElementById("firstTD").innerHTML = ""; 

渲染的第一个td“空白”。

您将不得不尝试找到一种方法将ALL值移到另一个表中，这只是一个指针。另外，如果文本正在从一个表格移动到另一个表格，并且这些表格保持相同，那么为什么不只是将输入放在两个开始位置，或者是，只需运行一个代码即可在需要移动时复制表格数据？

Answer 2

您可以使用Node.textContent属性来获取和设置节点的文本。

这里是一个关于它的链接：https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

我已经做了小提琴告诉你，在行动：https://jsfiddle.net/3dep0msg/

在这拨弄我小区1的文本传输到小区2，并将其添加到文本的cell2。

我使用textContent而不是innerHTML属性，因为您只想传输文本！

function copyTextFromCell(id1,id2){ 

    var cell1= document.getElementById(id1); 
    var cell2= document.getElementById(id2); 
    cell2.textContent = cell2.textContent+cell1.textContent; 

} 

copyTextFromCell("cell1","cell2"); 

Answer 3

如果你想这样做使用jQuery。

<table id="table1"> 
    <tr> 
     <td>1,1</td> 
     <td>1,2</td> 
    </tr> 
    <tr> 
     <td>2,1</td> 
     <td>2,2</td> 
    </tr> 
</table> 
<table id="table2"> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
</table> 


$('#table1 tr').each(function (indexR, element) { 
    $(this).find('td').each(function (index, element) { 
     var table2Rows = $('#table2 tr'); 
     var table2Row = table2Rows.eq(indexR); 
     var table2Column = table2Row.find('td'); 
     var table2cell = table2Column.eq(index); 
     table2cell.html($(this).html()); 
    }); 
}); 

working fiddle。