HTML DOM TableData オブジェクト

TableData オブジェクト

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

TableData オブジェクトにアクセス

getElementById()を使って <td> 要素にアクセスできます:

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

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

var x = document.getElementById("myTd");ヒント: テーブル行を遍历することでアクセスできます。 cells コレクション

TableData オブジェクトの作成

TableData オブジェクトを通じて <td> 要素にアクセスします。

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

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

自分で試してみてください

属性 TableData オブジェクトの属性
説明

width

abbr

abbr 属性の値を設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 align

style.textAlign

データセル内の内容の水平アライメントを設定または返します。

width

axis

関連データセルのカンマ区切りのリストを設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 background

style.background

データセルの背景画像を設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 bgColor

style.backgroundColor

テーブルの背景色を設定または返します。 cellIndex
テーブル行のセルコレクション内のセルの位置を返します。

width

ch

データセルのアライメント文字を設定または返します。

width

chOff

ch 属性の水平オフセット量を設定または返します。 colSpan
colSpan 属性の値を設定または返します。 headers
headers 属性の値を設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 height

style.height

データセルの高さを設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 noWrap

style.whiteSpace

データセル内の内容が折り返されるかどうかを設定または返します。 rowSpan
rowSpan 属性の値を設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 vAlign

style.verticalAlign

データセル内の内容の垂直アライメントを設定または返します。

widthHTML5 ではサポートされていませんので、以下を変更してください。 style.width

データセルの幅を設定または返します。

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

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

関連ページ

HTML 教程:HTML テーブル

HTML 参考マニュアル:HTML <td> タグ