点击"添加"按钮的时候如何将一段上面的代码添加到最后新一段？

Question

点击"添加"按钮的时候如何将一段上面的代码添加到最后新一段？我写的是innerHTML，这种方法不支持输出document.getElementById("tableCondensed").getElementsByTagName("tr")[1],这个问题怎么解决？

#html
<table class="table-condensed" id="tableCondensed" border="0" cellpadding="2" cellspacing="0">
    <thead>
        <tr>
            <th>规格名字</th>
            <th>规格明细</th>
            <th>规格价格</th>
            <th>库存数量</th>
            <th>规格图片</th>
            <th>操作方式</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="text" value="" placeholder="(比如: 颜色)">
            </td>
            <td>
                <input type="text" value="" placeholder="(比如: 颜色)">
            </td>
            <td>
                <input type="text" value="" placeholder="(比如: 颜色)">
            </td>
            <td>
                <input type="text" value="" placeholder="(比如: 颜色)">
            </td>
            <td>
                <input type="file" />
            </td>
                <td>
                    <ul>
                        <li><a href="javascript:;" class="add-specitem" onclick="addSpecitem()">添加</a></li>
                        <li><a href="javascript:;" onclick="removeSpecItem()">删除</a></li>
                    </ul>
                </td>
            </tr>
        </tbody>
</table>

#javascript
function addSpecitem() {
    var tableTh = document.getElementById("tableCondensed").getElementsByTagName("tr")[1];
    var tableAddth = document.getElementById("tableCondensed");
    tableAddth.innerHTML += tableTh;
    }

Answer 1

确实，克隆一个……或者直接定义字符串（你要添加的tr所有的内容），往里面加。

Answer 2

document.querySelector('#tableCondensed tr').innerHTML

Answer 3

添加按钮你应该放在，table外面。因为你这个添加不是针对这行进行的操作。
增加节点appendChild