最新のWeb開発のチュートリアル
 

HTML DOMテーブルオブジェクト


テーブルオブジェクト

表オブジェクトは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>要素をテーブルに追加します

標準プロパティおよびイベント

表オブジェクトは、標準サポートのプロパティイベントを


関連ページ

HTMLチュートリアル: HTMLテーブル

HTMLリファレンス: HTML <table>タグ