【JS/表格】怎樣點擊鏈接或按鈕刪去所在表格行

【創建表格行】

    for(var i=0,n=datas.length;i<n;i++){
    var dt=datas[i];

    var tr=document.createElement("tr");
    tr.setAttribute("id",dt.id);
    ...

    var a2=document.createElement("a");
    a2.setAttribute('href',"javascript:removeField('"+dt.id+"');");
    a2.appendChild(document.createTextNode("Remove"));
    td7.appendChild(a2);

    tr.appendChild(td7);
    }

 

以上代碼中，datas為傳入的數據，然后遍歷數據，給每個創建出來的tr設上id；之后增加一個刪除鏈接，指向removeFIeld函數。

【刪除表格行】

function removeField(fid){
    var table=document.getElementById("myTable");

    // remove selected row
    var trs=table.childNodes;
    for(var i=trs.length-1;i>=0;i--){
    var tr=trs[i];
    if(tr.getAttribute("id")==fid){
        table.removeChild(trs[i]);
        break;
    }
    }
}

以上函數中，遍歷表格行，發現其屬性為參數fid時便刪除該行。

通過給tr設置id，便達到了刪除該行的目的。

END