なぜJavaScriptは2つの操作を同時に実行しませんか？

Question

JavaScriptが2つの操作を同時に実行しないのはなぜですか？行の削除と行の挿入。

var tookSum= false; 

function alterTable() 
{ 

    //Textboxes code 

    var tBoxCompany= document.getElementById("txtboxCompany"); 
    var tBoxAmount= document.getElementById("txtboxAmount"); 



    //table code 

    var table= document.getElementById("tableNetWorths"); 

    var rowCount= table.rows.length; 

    if(tookSum == true) 
    { 
     table.deleteRow(rowCount-1); 
     tookSum= false; 
    } 

    var row= table.insertRow(rowCount); 

    var Cell1= row.insertCell(0); 
    var Cell2= row.insertCell(1); 

    Cell1.innerHTML= tBoxCompany.value; 
    Cell2.innerHTML= tBoxAmount.value; 

} 

上記の機能は、ボタンをクリックすると実行されます。それは動作しますが、ボタンを2回押す、つまり1行目を削除してから新しい行を追加する必要がありますが、1回のクリックで「削除して追加」する必要があります。

Answer 1

あなたがする必要があるのは、このお試しくださいテーブルから

を行を削除する前にrowCount > 0かどうかをチェックする：以前の回答では

if(rowCount > 0) 
{ 
    table.deleteRow(rowCount-1); 
} 

を、何の行が存在しない場合table.deleteRow(rowCount-1)意志その後、テーブルに存在し作業しないので、行数をチェックして、削除するテーブルに使用可能な行があることを確認します。

Answer 2

あなたはこの置き換える必要があります。これで

if(tookSum == true) 
{ 
    table.deleteRow(rowCount-1); 
    tookSum= false; 
} 

：これはあなたのコードに明確ではないという事実にもかかわらず

table.deleteRow(rowCount-1); 

を、tookSumの値はにおける真でなければなりません最初のクリックしたがって、最初のクリックで行が削除され、tookSumの値がfalseに更新されます。だから、もう一度クリックしないと、行が削除され、新しい行が挿入されます。私はあなたが主張していることに基づいてこの仮定をしていた、クリックして機能する必要があるalterTableは、あなたが言及したボタンをクリックすると実行されます。