javascript动态增加、删除、填充表格内容


<HTML>
<SCRIPT LANGUAGE="JScript">


function numberCells()
{
    var count=0;
    for (i=0; i < document.all.mytable.rows.length; i++)
    {
        for (j=0; j < document.all.mytable.rows(i).cells.length; j++)
        {
            document.all.mytable.rows(i).cells(j).innerText = count;
            count++;
        }
    }
}

function tb_addnew()
{
var ls_t=document.all("mytable")
maxcell=ls_t.rows(0).cells.length;
mynewrow = ls_t.insertRow();
    for(i=0;i<maxcell;i++)
    {
    mynewcell=mynewrow.insertCell();
    mynewcell.innerText="a"+i;

    }
}

function tb_delete()
{
var ls_t=document.all("mytable");

ls_t.deleteRow() ;
}

</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
<input type=button value="新增" onclick="tb_addnew()">
<input type=button value="删除" onclick="tb_delete()" >
</BODY>
</HTML>

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3