您的位置：首页 > Web前端 > JavaScript

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

2006-12-26 16:29 597 查看

网上看到的例子，还不错，以后可能会用到。
可以永久的修改单元格内容，但是单元格有属性的话就不知道怎么设置了。
原文引用地址

<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.setAttribute("background","../images/title1_bg.gif");
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航