一、table 物件屬性
1、border：可以設定或返回**邊框的寬度（以畫素為單位）；
2、caption：設定或返回**的caption元素；
3、cellpadding：設定或返回單元格邊框與單元格內容之間的空白量（以畫素為單位）；
4、cellspacing：設定或返回**中的單元格之間的空白量（以畫素為單位）；
5、frame：設定或返回**的外部邊框；
6、id：設定或返回**的id；
7、rules：設定或返回**的內部邊框；
8、summary：設定或返回對**的描述；
9、width：設定或返回**的寬度；
二、table 物件集合
1、cells：返回**中所有單元格的乙個陣列；
2、rows：返回**中所有行的乙個陣列；包括 thead、tfoot 和 tbody標籤 中定義的所有行；
3、tbodies：返回包含**中所有tbody的乙個陣列；
三、table 物件方法
1、建立行分組 create***()
createthead、createtbody、createtfoot；
2、刪除行分組 delete***()
deletethead()、deletetfoot；
3、獲得行分組 table.thead
特殊：tbody 乙個table中可以包含多個tbody；
獲得： table.tbodies[i]；
刪除：table無法刪除tbody；
4、行分組：
建立： insertrow(i)， insertrow()表示末尾追加一行；
刪除：每一行tr都有tr.rowindex，記錄了tr在整個表中的下標
ex: thead.deleterow(i)、tbody.delelterow(i)、table.deleterow(i)；
獲取行： .rows；
5、單元格：
新增：無法新增th
.insertcell(i)；
刪除單元格：
.deletecell(i)；
獲取格：
.cells；
用js建立乙個簡單**
//要新增的資料
var data =[,
,,]//首先建立乙個table
var table = document.
createelement
("table");
//在table上新增thead
var thead = table.
createthead()
;//在thead上新增天tr
var tr = thead.
insertrow()
;//製作表頭
//遍歷陣列的第一行的每乙個屬性
for(
var key in data[0]
)//在table中新增tbody存放資料
var tbody = table.
createtbody()
;//遍歷data陣列中的資料並放在對應的每一行中
for(
var i =
0;i < data.length;i++)}
//把table新增到頁面中
document.body.
(table)
;
HTML DOM 屬性 物件
在 html dom document object model 中,所有的都是 節點 在 html dom 中,attr 物件 代表乙個 html 屬性。html屬性總是屬於html元素。在 html dom 中,the namednodemap 物件 表示乙個無順序的節點列表。我們可通過節點名稱...
HTML DOM 元素物件大全
在 html dom 中,元素物件代表著乙個 html 元素。文件本身就是乙個文件物件 屬性 方法 描述element.accesskey 設定或返回accesskey乙個元素 element.addeventlistener 向指定元素新增事件控制代碼 為元素新增乙個新的子元素 element.a...
HTML DOM 屬性 物件的應用
在 html dom document object model 中,所有的都是 節點 在 html dom 中,attr 物件 代表乙個 html 屬性。html屬性總是屬於html元素。在 html dom 中,the namednodemap 物件 表示乙個無順序的節點列表。我們可通過節點名稱...