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

发布: 2007-6-30 18:56 | 作者: admin | 来源: | 查看: 19次 | 进入软件测试论坛讨论

<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>

文章来源于领测软件测试网 https://www.ltesting.net/

软件测试论坛

领测软件测试网最新更新

软件测试技术相关文章

软件测试培训信息

最新软件测试技术专题

最新领测软件测试网新闻

软件测试技术文章排行榜

编辑推荐
周排行
月排行

软件测试技术分类最新内容