從javaScript中動態創建的表中刪除行

Question

我想從JavaScript創建的表中刪除一行。我試着從這個頁面上的不同文章的代碼，但沒有解決它。

function value_pass() 
    { 
var Delete = document.createElement("input"); 
       Delete.type="button"; 
       Delete.name = "del" 
       Delete.value = "Delete"; 
       Delete.onclick = function(o) 
       { 
         var r = o.parentElement.parentElement;           
         document.getElementById("table").deleteRow(r.rowIndex); 
       } 

var order_no = document.getElementById("Order_no"); 
var quantity = document.getElementById("quantity"); 
var type = document.getElementById("Recipe"); 
var recipe = type.options[type.selectedIndex].text; 

var body1 = document.getElementsByTagName("body")[0]; 
var tbl = document.createElement("table"); 
tbl.setAttribute("id","table"); 
var tblbody = document.createElement("tbody"); 
tbl.setAttribute("border","2"); 

var col = document.createElement("td"); 

for (var j = 0; j < 1; j++) 
{ 
    var rows = document.createElement("tr"); 
    for (var i = 0; i < 4; i++) 
    { 
     var col1 = document.createElement("td"); 
     var col2 = document.createElement("td"); 
     var col3 = document.createElement("td"); 
     var col4 = document.createElement("td"); 
     var col5 = document.createElement("td"); 

     var col1text = document.createTextNode(order_no.value); 
     var col2text = document.createTextNode(recipe); 
     var col3text = document.createTextNode(quantity.value); 
     var col4text = document.createTextNode(); 

      //also want to put checked values in table row 


    } 
    col1.setAttribute("width","150"); 
    col2.setAttribute("width","150"); 
    col3.setAttribute("width","150"); 
    col4.setAttribute("width","150"); 


    col1.appendChild(col1text); 
    col2.appendChild(col2text); 
    col3.appendChild(col3text); 
    col4.appendChild(col4text); 
    col5.appendChild(Delete); 

    rows.appendChild(col1); 
    rows.appendChild(col2); 
    rows.appendChild(col3); 
    rows.appendChild(col4); 
    rows.appendChild(col5); 

    tblbody.appendChild(rows); 
} tbl.appendChild(tblbody); 
body1.appendChild(tbl); 
} 

該功能將通過一個按鈕在HTML 被稱爲其訂單形式

，也想了解複選框的選中值，把表一行。

Answer 1

您可以使用：

document.getElementById("myTable").deleteRow(0); //Where 0 is your row. 

解釋：http://www.w3schools.com/jsref/met_table_deleterow.asp

編輯：

要刪除當前行，設置這對您的按鈕：onclick="deleteRow(this)，在該功能的下面的代碼：

function deleteRow(t) 
{ 
    var row = t.parentNode.parentNode; 
    document.getElementById("myTable").deleteRow(row.rowIndex); 
    console.log(row); 
}