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

问题描述

问 题

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

解决方案

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

这篇关于javascript - 点击"添加"按钮的时候如何将一段上面的代码添加到最后新一段？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！