在html表中动态创建行

时间:2012-02-25 03:53:44

标签: javascript html

我可以为元素分配ID,然后使用Java Script添加同一行。我看到一些脚本,我们添加它们分别添加行和单元格,然后单独添加。而不是这个我有这样的东西

        <tr id="hourRecord1">
            <td><SELECT NAME="day">
                    <OPTION selected="selected">Sunday</option>
                    <OPTION>Monday</option>
                    <OPTION>Tuesday</option>
                    <OPTION>Wednesday</option>
                    <OPTION>Thursday</option>
                    <OPTION>Friday</option>
                    <OPTION>Saturday</option>
            </SELECT></td>
            <td><input type="text" name="openTime" size="10" value=""></td>
            <td><input type="text" name="closeTime" size="10" value=""></td>
        </tr>

我希望使用ID添加类似的行。我可以这样做吗?

1 个答案:

答案 0 :(得分:2)

嗯,你可以这样做:

var oldrow = document.getElementById('hourRecord1'),
    newrow = oldrow.cloneNode(true);
newrow.id = ""; // can't have two elements with same ID, so delete the ID from newrow
oldrow.parentNode.insertBefore(newrow,oldrow.nextSibling);