Javaｓｃｒｉｐｔ动态地操作表实例（添加、删除行、列和单元格）

复制代码代码如下所示：
js动态操作表

函数init（）{
_table = document.getelementbyid（表）；
_table。边境= 1px；
_table。宽度=800px ；
对于（var i = 1；i < 6；i + +）{
无功行= document.createelement（TR）；
行= id i；
对于（var j＝1；j＜6；j + +）{
VaR细胞= document.createelement（TD）；
单元格；
cell.appendchild（document.createtextnode（柱+细胞。ID + ））；
row.appendchild（细胞）；
}
document.getelementbyid（newbody ）AppendChild（行）；
}
}
功能重建（）{
无功beginrow = document.getelementbyid.value（beginrow ）； / * * /起跑线
var endrow = document.getelementbyid.value（endrow ）； / * * /结束线
无功begincol = document.getelementbyid.value（begincol ）； / * * /开始列
无功endcol = document.getelementbyid.value（endcol ）； / * * /端柱
无功tempcol = beginrow +/+ begincol； / * * /属性栏改变位置
警报（tempcol）；
VaR技术document.getelementbyid（tempcol）；
对于（var x = beginrow；x <= endrow；x++）{
对于（var i = begincol；我< = endcol；i++）{
如果（X = = beginrow）{
document.getelementbyid（表）。行{X}。deleteCell（i + 1）；
}
别的{
document.getelementbyid（表）。行{X}。deleteCell（我）；
}
}
}
TD。行=（endrow beginrow）+ 1；
}
/ *添加一行，使用方法的作用是。
功能addRow（）{
VaR的长度= document.getelementbyid（表）。Rows.length；
/ * document.getelementbyid（newbody）。InsertRow（长）；
document.getelementbyid（长+ 1）。SetAttribute（ID长度+ 2）；。
VaR TR = document.createelement（TR）；
tr.id =长度+ 1；
VaR技术document.createelement（TD）；
对于（i = 1；i < 4；i + +）{
TD。ID = tr.id +/+我；
td.appendchild（document.createtextnode（柱+ TD。ID + ））；
tr.appendchild（TD）；
}
document.getelementbyid（newbody ）AppendChild（TR）；
}
功能addrow_withinsert（）{
无功行= document.getelementbyid（表）。InsertRow（document.getelementbyid（表）。行。长度）；
无功行数= document.getelementbyid（表）。Rows.length；
无功countcell = document.getelementbyid（表），Rows.item（Cells.length 0）；
对于（var i = 0；i < countcell；i++）{
VaR细胞= row.insertcell（我）；
细胞.innerHTML =新+（行数）+/+（i + 1）+柱；
细胞。ID =（行数）+/+（i + 1）；
}
}
/ *删除行，使用deleteRow（行索引）。
功能removerow（）{
document.getelementbyid（newbody）。DeleteRow（document.getelementbyid（document.getelementbyid（表）。行。长度）。开始）；
}
/ *添加一列，使用insertCell（位置）的方法。
功能addCell（）{
/ * document.getelementbyid（表），Rows.item（0）。cells.length
用于获取表的列数。
* /
对于（var i = 0；i < document.getelementbyid（表）。Rows.length；i++）{
VaR细胞= document.getelementbyid（表）。行{我} insertCell（2）；
细胞.innerHTML =第一+（i + 1）+/+ 3 +柱；
}
}
/ *删除列，使用deleteCell（位置）的方法。
功能removecell（）{
对于（var i = 0；i < document.getelementbyid（表）。Rows.length；i++）{
document.getelementbyid（表）。行{我}。deleteCell（0）；
}
}

U3000 U3000
U3000

从线到线
从列到列