javascript简单的表格编辑功能实现方法
getinnerhtml()函数
{
警报(document.getelementbyid(2).innerHTML);
}
inscell()函数
{
var x = document.getelementbyid('tr2)。InsertCell(0)
x.innerhtml =表格行、表格单元格
}
delcell()函数
{
document.getelementbyid('tr2)。DeleteCell(0)
}
deletecaption()函数
{
document.getelementbyid('mytable)。DeleteCaption()
}
createcaption()函数
{
var x = document.getelementbyid('mytable)。CreateCaption()
x.innerhtml =我的桌子
}
delrow()函数
{
document.getelementbyid('mytable)。DeleteRow(0)
}
insrow()函数
{
var x = document.getelementbyid('mytable)。InsertRow(0);
var y = x.insertcell(0);
Z = x.insertcell VAR(1);
y.innerhtml =新细胞1;
z.innerhtml =新细胞2;
}
row1研究
row1细胞
row2研究
row2细胞
在第3行研究
在第3行细胞
表控制器
<输入type=按钮onclick=createcaption()
值创建标题>
<输入type=按钮onclick=deletecaption()
值=删除标题
<输入type=按钮onclick=getinnerhtml()
价值=警报innerHTML表行
<输入type=按钮onclick=insrow()
值插入行>
<输入type=按钮onclick=delrow()
值删除第一行>
<输入type=按钮onclick=inscell()
值插入单元格>
<输入type=按钮onclick=delcell()
值删除单元格>
希望本文能对大家的javascript程序设计有所帮助。