点击"添加"按钮的时候如何将一段上面的代码添加到最后新一段？我写的是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;     }