表格中的DOM

通过DOM来操作table跟在html中操作table是不一样的，下面来看看怎样通过DOM来操作table。

按照table的分布来创建：

<table>
　　<thead>
　　　　<tr>
　　　　　　<td></td>
　　　　　　<td></td>
　　　　</tr>
　　</thead>

　　<tbody>
　　　　<tr>
　　　　　　<td></td>
　　　　　　<td></td>
　　　　</tr>
　　</tbody>

　　<tfoot>
　　　　<tr>
　　　　　　<td></td>
　　　　　　<td></td>
　　　　</tr>
　　</tfoot>
</table>

1.首先要先创建一个table

　　var table =  document.createElement("table");  

2.在table中添加thead

　　var thead = table.createTHead（）；

3.在thead中添加tr

　　var tr = thead.inserRow（）；

4.在tr中添加td（td无法添加th）

　　var td = tr.insertCell（）；

5.在table中添加tbody

　　var thead = table.createTHead（）；

6.在table中添加tfoot

　　var thead = table.createTHead（）；

 7.返回包含当前所有单元格（td）的一个数组

　　tableObject.cells

8.返回包含表格中所有行（tr）的一个数组。

　　tableObject.rows

创建顺序为：

1.创建< table >元素
2.创建< table >的子元素< tbody >
3.使用一个循环来创建< tbody >的子元素< tr >
4.分别使用循环为每一个< tr >创建子元素< tb >
5.为每一个< tb >创建文本节点

创建完< table >,< tbody >,< tr >,< td >元素和文本节点，我们使用相反的顺序把它们分别添加到自己的父节点。

通过对象名.appendChild（table）添加到html中。通过DOM根创建table

删除分组：

　　通过table来直接删除

例：table.deleteRow(tr)  -->表示删除某一行

注意：table无法删除tbody

删除单元格：deleteCell（）

还有关于form的一些操作

首先先获取到DOM：

　　var form = document.forms[     ]；可填i（下标）；id；name

属性：1.elements ： 获得form中所有的表单元素的集合；　　

　　　　例：var elem = form.element[  ]  i；id；name

　　　　注意（name并不是每个表单都会写，若有name，则可简写为；

　　　　　　　　　　var elem = form.name）

　　　2.length：获取表单元素个数

　　　　例：element.length

　　　3.id 属性可设置或返回表单的 id

　　　　例：formObject.id=id

form的对象方法：

　　submit（）：手动提交；这里有一个提交前的自动触发事件（onsubmit）

　　reset（）：将form中的所有的输入元素重置为默认值；有一个重置之前调用的事件（onreset）