2

テーブルの行をグローバル JavaScript 変数にコピーする簡単なスクリプトがあります(グローバル変数を使用することは JavaScript では良い考えではありませんが、これは開発のためだけです)と、"onClick " イベント。

行を実行して挿入します。問題は、行が 1 回しか挿入されないことです。

サンプルテーブルはこちら

<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 関数が呼び出されるたびにノードを複製して、複製された 1 つの行をリサイクルする代わりに要素の新しいコピーを取得する必要があります。

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 に答える