將表格行數據移動到html中的另一行

-2

我想將id =「table_data」的完整表格行數據傳送到id =「table_data_two」的另一行。在按鈕將表格行數據移動到html中的另一行

<table border=""> 
      <tr id="table_data"> 
       <td>this data</td> 
       <td>this also</td> 
       <td>this too</td> 
      </tr> 
     </table> 
<table border=""> 
      <tr id="table_data_two"> 
      </tr> 
     </table> 
<button>click me</button>

來源

2017-09-26 user8671363

請不要在你的問題的標題喊（不要全部使用大寫字母）... – Myst

歡迎堆棧溢出。你已經嘗試過這麼做了嗎？請回顧[預計需要多少研究工作？]（https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users）。堆棧溢出不是一種編碼服務。您需要研究您的問題，並嘗試在發佈之前親自編寫代碼。如果遇到某些特定問題，請返回幷包含[最小，完整和可驗證示例]（https://stackoverflow.com/help/mcve）以及您嘗試的內容摘要，以便我們提供幫助。 – Sand

在SO和互聯網上有一堆關於這個問題的答案。只需搜索「JavaScript移動DOM元素」。 – Cully

的點擊下面是一個非常骯髒的黑客做你問什麼，但我不認爲這是情況最好的辦法。

我認爲這個問題不是「複製HTML表單A到B」，而是一個更復雜的問題，它產生了您想要更改的HTML。

總之，這裏的黑客：

document.getElementById("table_data").innerHTML = 
    document.getElementById("table_data_two").innerHTML;

來源

2017-09-26 03:22:36 Myst

可以使用的innerHTML並將其複製到另一臺，只是給廣告ID「BTN」你的按鈕。但第二次點擊將複製空的innerHTML，si我添加了一張支票。 http://jsbin.com/lakajipeki/edit?html,js,output

document.getElementById("btn").addEventListener("click", function(){ 
    var rows = document.getElementById("table_data").innerHTML; 
    if(rows === ""){return} 
    document.getElementById("table_data").innerHTML = "" 
    document.getElementById("table_data_two").innerHTML = rows 
});

來源

2017-09-26 03:39:28

將表格行數據移動到html中的另一行

回答

相關問題