2

我有一个简单的脚本，将表行复制到全局 javascript 变量（我知道在 javascript 中使用全局变量不是一个好主意，但这仅用于开发）和一个在“onClick”上插入行副本的函数“ 事件。

它执行并插入一行。问题是它只会插入一行一次。

这是一个示例表

<table id="myTable">
    <tbody>
        <tr id="copyRow">
            <td>Sample Cell</td>
        </tr>
        <tr>
            <td><a href="javascript:void();" onClick="insertRow(copy_row, this.parentNode.parentNode.parentNode)">Insert Row</a></td>
        </tr>
    </tbody>
</table>

这是我的示例 javascript：

<script type="text/javascript">
    copy_row = document.getElementByID('copyRow').cloneNode(true); //Runs when page first runs

    function insertRow(insertRow, insertBeforeMe){
     insertBeforeMe.parentNode.insertBefore(insertRow, insertBeforeMe)  
    }
</script>

我很难过

4

2 回答 2

1

您应该在每次调用 insertRow 函数时克隆节点，以便获得元素的新副本，而不是回收一个克隆的行。

copy_row = document.getElementByID('copyRow'); //Runs when page first runs

function insertRow(insertRow, insertBeforeMe){
 insertBeforeMe.parentNode.insertBefore(insertRow.cloneNode(true), insertBeforeMe)  
}
于 2013-01-04T16:48:18.773 回答
0

它甚至不应该运行一次。JavaScript 区分大小写，因此您必须使用：

document.getElementById

不是

document.getElementByID

这是我的脚本的工作版本。

于 2013-01-04T16:46:45.993 回答