站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题javascript动态增加、删除、填充表格内容

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

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



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



↑返回目录
前一篇: 用javascript实现浮点数的截取小数位数,并四舍五入
后一篇: 用javascript调用word文档