关于DOM的table和form

table

table的本义就是创建一个表格,table在有些方面使用起来有很大用途并且很好用,那么在这里我将给大家介绍一下怎么在DOM里面创建一个table。
首先我们肯定是要创建一行的,这里的话我们用到的是create。举个例子吧:var thead = table.create THead()。这个的意思就是创建一个行分组,并且把这个行分组给添加到table中去。既然有创建,那么就有删除了,删除行分组其实和创建差不多,删除用到的是delete。我们也举个例子:table.delete.THead。这个的意思呢就是把我们刚刚创建的那个行分组给他删除了。那我们创建好了之后怎么获得这个行分组呢,特别简单,直接table.THead就可以获得了。
上面讲到了怎么创建行分组,接下来我们讲怎么追加行,insertRow()就表示在末尾追加一行。举个例子就是 var tr = thead.insertRow();可以继续往tr中添加td。而且每一行的tr都有自己的下标。那我们删除这些我们自己追加的tr就很方便了。下标的表示为tr.rowIndex,那我们删除的话就是thead.deleteRow(i)就行了。获取行的话就是直接.rows就行了。
接下来我们说一下怎么添加单元格,这里我们使用到的是.insertCell(i)。其实这个和前面的差不多,举个例子呢就是, var td = tr.insertCell();我们删除单元格也和这个差不多。就是直接tr.deleteCell(i)。
在创建table里面很重要的一点是tbody是可以反复创建的,可以有多个,并且不能删除。他的创建的话和前面一样。var tbody = table.create TBody().

Form

Form:对象代表网页上的一个元素。那我们怎么获取到这个Form呢。我们直接这样子些就好了,var form = documents.forms[i/id/name]。
关于Form的属性:elements 就是获得form中所有表单元素的集合。那我们获取单个元素的话呢就是直接 var elem = form.element[i/id/name]。关于name并不是每个表单元素都会写的。这个获得单个元素还有一个简写:就是如果表单元素有name属性的话,可以直接获得。举个例子:var elem = form.name。
获取表单元素的个数的话,直接 elements.length 就可以获取了
关于Form的方法就是.submit。手动提交,经常和普通的按钮一起搭配使用。
Form的事件呢就是.onsubmit。在表单最终提交之前自动触发。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章