javaｓｃｒｉｐｔ简单的表格编辑功能实现方法

本文介绍了javaｓｃｒｉｐｔ简单表编辑功能的实现，供大家参考：





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（）
值删除单元格>






希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。