最新的Web開發教程
 

HTML DOM Table對象


表對象

表對象代表一個HTML <table>元素。

訪問表對象

你可以訪問<table>通過使用元素getElementById()

var x = document.getElementById("myTable");
試一試»

創建表對象

可以創建一個<table>使用元素document. createElement() document. createElement()方法:

var x = document.createElement("TABLE");
試一試»

表對象的集合

採集 描述
rows 返回所有的集合<tr>元素在表中
tBodies 返回所有的集合<tbody>元素在表中

表對象的屬性

屬性 描述
align 在HTML5不支持。 使用style.cssFloat代替。
根據周圍的文本設置或返回一個表格的對齊
background 在HTML5不支持。 使用style.background代替。
設置或返回表格的背景圖像
bgColor 在HTML5不支持。 使用style.backgroundColor代替。
設置或返回表格的背景顏色
border 已過時。 使用style.border代替。
設置或返回表格邊框的寬度。
caption 返回<caption>表的元素
cellPadding 在HTML5不支持。 使用style.padding代替。
設置或返回單元格邊框和單元格內容之間的空間量
cellSpacing 在HTML5不支持。 使用style.borderSpacing代替。
設置或返回在表的單元格之間的間隔量
frame 在HTML5不支持。
設置或返回該外邊界(of a table)應該被顯示
height 在HTML5不支持。 使用style.height代替。
設置或返回表格的高度
rules 在HTML5不支持。
設置或返回其內邊界(between the cells)應當被顯示在一個表
summary 在HTML5不支持。
設置或在表中返回數據的描述
tFoot 返回到參考<tfoot>表的元素
tHead 返回到參考<thead>表的元素
width 在HTML5不支持。 使用style.width代替。
設置或返回表的寬度

表對象的方法

方法 描述
createCaption() 創建一個空<caption>元素,並將其添加到表
createTFoot() 創建一個空<tfoot>元素,並將其添加到表
createTHead() 創建一個空<thead>元素,並將其添加到表
deleteCaption() 去除第一<caption>從表元素
deleteRow() 刪除一行(<tr>)從表中
deleteTFoot() 移除<tfoot>從表元素
deleteTHead() 移除<thead>從表元素
insertRow() 創建一個空<tr>元素,並將其添加到表

標準屬性和事件

Table對象也支持標準的屬性事件


相關頁面

HTML教程: HTML表格

HTML參考: HTML <table>標籤