Question

我想将id =“table_data”的完整表格行数据传输到id =“table_data_two”的另一行。点击按钮

<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>

Answer 1

以下是一个非常肮脏的黑客来做你要问的事情，但我不认为这是解决问题的最佳方法。

我认为问题不是将HTML表单A复制到B＆＃34;而是一个更复杂的问题，产生了您想要更改的HTML。

无论如何，这是黑客攻击：

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

Answer 2

您可以使用innerHTML并将其复制到另一个表中，只需提供广告ID＆＃34; btn＆＃34;到你的按钮。但是在第二次点击时会复制空的innerHTML，我添加了一个支票。 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
});

将表行数据移动到html中的另一行

2 个答案: