關於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。在表單最終提交之前自動觸發。

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