建立報表的 THEAD；如果報表已經有 THEAD，則傳回該元素物件。無參數。
刪除報表的 THEAD。無參數。下面的範例請先增加 THEAD，再刪除 THEAD。
- 程式用法：
<table id='tbl' bgcolor='#333388'>
<caption>小遊戲</caption>
<tr><td>沙灘車越野<td>障礙遊戲
</table>
<p>
<script type='text/javascript'>
function createTHeadDM()
{
var th=document.getElementById('tbl').createTHead();
//th.innerHTML='<tr><th>名稱<th>分類';
var tr=th.insertRow(0);
tr.insertCell(0).innerHTML='名稱';
tr.insertCell(1).innerHTML='分類';
}
function deleteTHeadDM()
{
var th=document.getElementById('tbl').deleteTHead();
}
</script>
<p><a href='javascript:createTHeadDM()'>
點此增加 THEAD</a>
<p><a href='javascript:deleteTHeadDM()'>
點此刪除 THEAD</a> - 執行結果：
小遊戲 沙灘車越野 障礙遊戲
- 上例中，Firefox, Safari, Chrome 可以直接使用 th.innerHTML；IE 無法使用 th.innerHTML，必須用 insertRow(), insertCell()。
建立報表的 TFOOT；如果報表已經有 TFOOT，則傳回該元素物件。無參數。
刪除報表的 TFOOT。無參數。下面的範例請先增加 TFOOT，再刪除 TFOOT。
- 程式用法：
<table id='tbl2' bgcolor='#333388'>
<caption>好玩遊戲</caption>
<tr><th>名稱<th>分類
<tr><td>殭屍峽谷<td>射擊遊戲
</table>
<p>
<script type='text/javascript'>
function createTFootDM()
{
var th=document.getElementById('tbl2').createTFoot();
//th.innerHTML='<tr><td colspan=2>2008/1/7';
var tr=th.insertRow(0);
tr.insertCell(0).innerHTML='<td colspan=2>2008/1/7';
}
function deleteTFootDM()
{
var th=document.getElementById('tbl2').deleteTFoot();
}
</script>
<p><a href='javascript:createTFootDM()'>
點此增加 TFOOT</a>
<p><a href='javascript:deleteTFootDM()'>
點此刪除 TFOOT</a> - 執行結果：
好玩遊戲 名稱 分類 殭屍峽谷 射擊遊戲
- 上例中，Firefox, Safari, Chrome 可以直接使用 th.innerHTML；IE 無法使用 th.innerHTML，必須用 insertRow(), insertCell()。
建立報表的 標題；如果報表已經有標題，則傳回該元素物件。無參數。
刪除報表的 標題。無參數。下面的範例請先增加標題，再刪除標題。
- 程式用法：
<table id='tbl3' bgcolor='#333388'>
<tr><th>名稱<th>分類
<tr><td>殭屍峽谷<td>射擊遊戲
</table>
<p>
<script type='text/javascript'>
function createCaptionDM()
{
var th=document.getElementById('tbl3').createCaption();
th.innerHTML='好玩遊戲';
}
function deleteCaptionDM()
{
var th=document.getElementById('tbl3').deleteCaption();
}
</script>
<p><a href='javascript:createCaptionDM()'>
點此增加標題</a>
<p><a href='javascript:deleteCaptionDM()'>
點此刪除標題</a> - 執行結果：
名稱 分類 殭屍峽谷 射擊遊戲
新增加一欄，傳回欄物件。其語法是：
欄物件 = 報表物件.insertRow( 指標 );
指標是新欄的位址，由零算起。如果指標為 -1 或等於欄數目，則新欄加在報表尾端。省略指標或指標大於欄數目，會發生錯誤。如果報表有多個 TBODY 新欄會加在最後一個 TBODY。也可以在特定 TBODY 上設定 ID，然後取得此 TBODY 的位置，將新欄加在其中。
刪除一欄，無回傳值。其語法是：
報表物件.deleteRow( 指標 );
指標是欄的位址，由零算起。設為 -1 會刪除最後一欄。下面範例中的 insertCell() 是 tableRow 物件的方法。
- 程式用法：
<table id='tbl4' bgcolor='#333388'>
<tr><th>名稱<th>分類
<tr><td>殭屍峽谷<td>射擊遊戲
<tr><td>沙灘車越峽谷<td>障礙遊戲
</table>
<p>
<script type='text/javascript'>
function insertRowDM()
{
var th=document.getElementById('tbl4').insertRow(1);
th.insertCell(0).innerHTML='俄羅斯方塊';
th.insertCell(1).innerHTML='益智遊戲';
}
function deleteRowDM()
{
document.getElementById('tbl4').deleteRow(1);
}
</script>
<p><a href='javascript:insertRowDM()'>
點此增加新欄</a>
<p><a href='javascript:deleteRowDM()'>
點此刪除欄</a> - 執行結果：
名稱 分類 殭屍峽谷 射擊遊戲 沙灘車越峽谷 障礙遊戲
