HTML DOM Table オブジェクト

Table オブジェクト

Table オブジェクトは HTML <table> 要素を表します。

Table オブジェクトのアクセス

getElementById() メソッドを使用して <table> 要素にアクセスできます：

var x = document.getElementById("myTable");

実際に試してみてください

Table オブジェクトの作成

document.createElement() メソッドを使用して <table> 要素を作成できます：

var x = document.createElement("TABLE");

実際に試してみてください

Table オブジェクトコレクション

コレクション 説明
cells テーブル内のすべての <td> または <th> 要素の集合を返します。
rows テーブル内のすべての <tr> 要素の集合を返します。
tBodies テーブル内のすべての <tbody> 要素の集合を返します。

Table オブジェクト属性

属性 説明
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 ではサポートされていません。

表示するべき（テーブルの）外枠を設定または取得します。
height

HTML5 ではサポートされていません。代わりに style.height。

テーブルの高さを設定または取得します。
rules

HTML5 ではサポートされていません。

テーブル内のセル間に表示する内枠（セル間）を設定または取得します。
summary

HTML5 ではサポートされていません。

テーブル内のデータの説明を設定または取得します。
tFoot テーブルの <tfoot> 要素への参照を取得します。
tHead テーブルの <thead> 要素への参照を取得します。
width

HTML5 ではサポートされていません。代わりに style.width。

テーブルの幅を設定または取得します。

Table オブジェクトのメソッド

メソッド 説明
createCaption() 空の <caption> 要素を作成し、テーブルに追加します。
createTFoot() 空の <tfoot> 要素を作成し、テーブルに追加します。
createTHead() 空の <thead> 要素を作成し、テーブルに追加します。
deleteCaption() 最初の <caption> 要素をテーブルから削除します。
deleteRow() テーブルから一行 (<tr>) を削除します。
deleteTFoot() <tfoot> 要素をテーブルから削除します。
deleteTHead() <thead> 要素をテーブルから削除します。
insertRow() 空の <tr> 要素を作成し、テーブルに追加します。

標準属性とイベントをサポートしています。

Table オブジェクトは標準属性およびイベント。

関連ページ

HTML 教程：HTML テーブル

HTML リファレンスマニュアル：HTML <table> タグ