1,如何遍历表格,2如何按下表格中的按钮就把按钮所在的行删除?

function get_Element(the_ele,the_tag){
the_tag = the_tag.toLowerCase();
if(the_ele.tagName.toLowerCase()==the_tag)
    return the_ele;
while(the_ele=the_ele.offsetParent){
if(the_ele.tagName.toLowerCase()==the_tag)
    return the_ele;
}
return(null);
}function del_row(the_table) 
{var the_cell;
    the_cell=get_Element(event.srcElement,"td");
if(the_cell==null) return;
if(the_table.rows.length==1) return;
the_table.deleteRow(the_cell.parentElement.rowIndex);
}<td><INPUT type="button" value="删除" class="ButtonStyle" onclick="del_row(details"></td>

解决方案 »

  1.   

    <table id=t1>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <table><SCRIPT LANGUAGE="JavaScript">
    for(a=0;a<t1.rows.length;a++)
    for(b=0;b<t1.rows[a].cells.length;b++)
    t1.rows[a].cells[b].innerHTML="<button onclick=del() >del";
    function del(){
    t1.deleteRow(event.srcElement.parentElement.rowIndex);
    }
    </SCRIPT>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="JavaScript">
    function kao() {
    var obj = event.srcElement;
    while (obj.tagName!="TD" && obj.tagName!="TABLE") {
    obj = obj.parentElement;
    }
    obj.parentElement.removeNode(true);
    }
    </script>
    </HEAD><BODY onclick="kao()">
    <table border=1>
    <tr>
    <td width=100>1</td><td width=100>12</td>
    </tr>
    <tr>
    <td width=100>2</td><td width=100>22</td>
    </tr>
    <tr>
    <td width=100>3</td><td width=100>32</td>
    </tr>
    <tr>
    <td width=100>4</td><td width=100>42</td>
    </tr>
    <tr>
    <td width=100>5</td><td width=100><span style="border:1px solid red">52</span></td>
    </tr>
    </table></BODY>
    </HTML>
      

  3.   

    <BODY>
    <SCRIPT LANGUAGE="JScript">
    function del(row)
    {//删除表格指定行函数
    if (confirm('你要删除第 ' + (row.rowIndex + 1) + ' 行'))
    {
    row.removeNode(true);
    }
    }function readme()
    {//遍历表格所有
    var oTable = document.all.tbl;
    for (var i=0; i < oTable.rows.length; i++)
    {
    var oTr = oTable.rows(i);
    for (var j=0; j < oTr.cells.length; j++)
    {
    var oTd = oTr.cells(j);
    alert('第 ' + (i+1) + ' 行/第 ' + (j+1) + '列 单元格文字内容:\n' + oTd.innerText);
    }
    }
    }
    </SCRIPT>
    <TABLE id=tbl width="200px" border=1>
    <TR bgcolor="#CCCCCC">
    <TD><button onclick="del(this.parentElement.parentElement)">删除该行</button></TD>
    <TD>12</TD>
    <TD>13</TD>
    </TR>
    <TR>
    <TD><button onclick="del(this.parentElement.parentElement)">删除该行</button></TD>
    <TD>22</TD>
    <TD>23</TD>
    </TR>
    </TABLE>
    <button onclick="readme()">遍历各单元</button>
    </BODY>