【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