在html表中动态创建行

Question

我可以为元素分配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添加类似的行。我可以这样做吗？

Answer 1

嗯，你可以这样做：

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