tableObject.captionは、表（table要素）のタイトル（caption要素）への参照。
構文
$tableElementReference.caption;
例
$tableElementReference.caption; // 表のタイトル（caption要素）への参照
サンプル
| １行目１列目 | １行目２列目 | １行目３列目 |
| ２行目１列目 | ２行目２列目 | ２行目３列目 |
| ３行目１列目 | ３行目２列目 | ３行目３列目 |
サンプルの動作について
背景色が薄い青色のサンプルキャプションにマウスポインタ（カーソル）を合わせると、背景色を黄色にする。マウスポインタ（カーソル）を外すと、元の薄い青色の背景色に戻す。
サンプルのソースコード
JavaScript
<script type="text/javascript">
window.onload = function(){
var $sampleCaption = document.getElementById( "sample" ).caption;
$sampleCaption.onmouseover = function(){
this.style.backgroundColor = "yellow";
};
$sampleCaption.onmouseout = function(){
this.style.backgroundColor = "";
};
}
</script>
window.onload = function(){
var $sampleCaption = document.getElementById( "sample" ).caption;
$sampleCaption.onmouseover = function(){
this.style.backgroundColor = "yellow";
};
$sampleCaption.onmouseout = function(){
this.style.backgroundColor = "";
};
}
</script>
HTML
<table id="sample">
<caption id="sampleCaption">
サンプルキャプション
</caption>
<tr>
<td>１行目１列目</td>
<td>１行目２列目</td>
<td>１行目３列目</td>
</tr>
<tr>
<td>２行目１列目</td>
<td>２行目２列目</td>
<td>２行目３列目</td>
</tr>
<tr>
<td>３行目１列目</td>
<td>３行目２列目</td>
<td>３行目３列目</td>
</tr>
</table>
<caption id="sampleCaption">
サンプルキャプション
</caption>
<tr>
<td>１行目１列目</td>
<td>１行目２列目</td>
<td>１行目３列目</td>
</tr>
<tr>
<td>２行目１列目</td>
<td>２行目２列目</td>
<td>２行目３列目</td>
</tr>
<tr>
<td>３行目１列目</td>
<td>３行目２列目</td>
<td>３行目３列目</td>
</tr>
</table>
CSS
<style>
#sampleCaption {
font-size: inherit;
margin: 0px;
padding: 3px;
background-color: lightblue;
cursor: pointer;
}
#sample tr,
#sample td {
background-color: inherit;
}
</style>
#sampleCaption {
font-size: inherit;
margin: 0px;
padding: 3px;
background-color: lightblue;
cursor: pointer;
}
#sample tr,
#sample td {
background-color: inherit;
}
</style>