DOM控制表在DOM基础教程中的使用
表格的CSS控制不能说是第一次。首先，共享表中的公共DOM。添加操作的表的方法通常用于insertRow（）和insertCell（）方法。
行是从零计算的，例如：
复制代码如下：var OTR = document.getelementbyid（成员），InsertRow（2）
这意味着要在第二行添加新行。
复制代码代码如下所示：
一组新的数组（VAR）；
一{ 0 } = document.createtextnode（fresheggs ）；
一{ 1 } = document.createtextnode（W610 ）；
一{ 2 } = document.createtextnode（11月5日）；
一{ 3 } = document.createtextnode（天蝎座）；
一{ 4 } = document.createtextnode（1038818 ）；
对于（var i = 0；i < atext.length；i++）{
VaR OTD = otr.insertcell（我）；
OTd.appendChild (aText{i});
}
可变OTR是插入新的行插入表中，然后插入新数据行的作用是：这insertCell，创建新的文本节点，并给OTD，OTD在appendChild新细胞。 U3000 U3000
1。插入一行（动态添加一个表）
复制代码代码如下所示：
窗口。指针函数（）{
VaR OTR = document.getelementbyid（成员），InsertRow（2）； / /插入一行
一组新的数组（VAR）；
一{ 0 } = document.createtextnode（fresheggs ）；
一{ 1 } = document.createtextnode（W610 ）；
一{ 2 } = document.createtextnode（11月5日）；
一{ 3 } = document.createtextnode（天蝎座）；
一{ 4 } = document.createtextnode（1038818 ）；
对于（var i = 0；i < atext.length；i++）{
VaR OTD = otr.insertcell（我）；
（一otd.appendchild {我}）；
}
}
成员名单
名称
等级
生日快乐
星座
手机
艾萨克
W13
6月24日
癌症
一百一十一万八千一百五十九
Girlwing
W210
9月16日
Vir
一百三十万七千九百九十四
tastestory
W15
11月29日
射手座
一百零九万五千二百四十五
2。修改表的内容
当窗体被建立，它可以直接使用HTMLDOM经营形式，这比document.getelementbyid更方便（）和（）的操作document.getelementsbytagname。
值得关注。行{ } { }。细胞{J}.
容易获得上述我的具体形式和行j列的内容，细胞性质（均从0开始获取单元格对象计数）后，您可以使用innerHTML属性来修改项羽的内容。
例如，修改4行和5列的内容是OD。
可以使用以下代码
复制代码代码如下所示：
值得关注的是document.getelementbyid VaR（表）；
值得关注。行{ 4 }。细胞{ 5 } .innerHTML =OD；
三.删除表的内容
由于表已经添加、修改，所以它具有删除的功能。
删除表中的行使用deleteRow（我）的方法，在我的行数。
该表采用deleteCell（J）为列使用传统方法
下面的代码代表删除表的第二行和原始表第三行的第二行
复制代码代码如下：var = document.getelementbyid值得关注（表）；值得关注。deleteRow { 2 }；值得关注。行{ 2 }。deleteCell { 3 }；
下面的代码指示已删除表单的第二行和原始表第三行的第二行。考虑到动态删除，在不影响整个HTML框架的情况下，或者表的内容非常大，可以采用动态删除和添加。
复制代码代码如下所示：
窗口。指针函数（）{
VaR OTR = document.getelementbyid（成员），InsertRow（2）； / /插入一行
一组新的数组（VAR）；
一{ 0 } = document.createtextnode（fresheggs ）；
一{ 1 } = document.createtextnode（W610 ）；
一{ 2 } = document.createtextnode（11月5日）；
一{ 3 } = document.createtextnode（天蝎座）；
一{ 4 } = document.createtextnode（1038818 ）；
对于（var i = 0；i < atext.length；i++）{
VaR OTD = otr.insertcell（我）；
（一otd.appendchild {我}）；
}
}
成员名单
名称
等级
生日快乐
星座
手机
艾萨克
W13
6月24日
癌症
一百一十一万八千一百五十九
girlwing
W210
9月16日
Vir
一百三十万七千九百九十四
tastestory
W15
11月29日
射手座
一百零九万五千二百四十五
删除列
复制代码代码如下所示：
功能deletecolumn（值得关注，iNum）{
为每个函数定制/删除列，删除相应的单元格行
对于（var i = 0；i < otable.rows.length；i++）
值得关注。行{我}。deleteCell（微粒）；
}
在window.onload =函数（）{
值得关注的是document.getelementbyid VaR（表）；
DeleteColumn（值得关注，2）；
}
对于表格列的删除，DOM中没有直接调用方法。它需要写deletecolumn（）方法本身。该方法接受两个参数，一个是表格对象，而另一个是我们要删除的列数。写作方法简单，使用deleteCell（）方法，每一行执行删除单元的相应方法。