讀取或設定報表對齊的方法。
- 程式用法:
<table id='tbl2' bgcolor='#333388' align='center'>
<caption>好玩遊戲</caption>
<tr><th>名稱<th>分類
<tr><td>殭屍峽谷保衛戰<td>射擊遊戲
</table>
<p>
<script type='text/javascript'>
document.write(
document.getElementById('tbl2').align );
function left2()
{
document.getElementById('tbl2').align='left'
}
</script>
<p><a href='javascript:left2()'>
點此移到左邊</a> - 執行結果:
好玩遊戲 名稱 分類 殭屍峽谷保衛戰 射擊遊戲 center
讀取或設定報表背景顏色。
- 程式用法:
<table id='tbl3' bgcolor='#333388'>
<caption>小遊戲</caption>
<tr><th>名稱<th>分類
<tr><td>沙灘車越峽谷<td>障礙遊戲
</table>
<p>
<script type='text/javascript'>
document.write(
document.getElementById('tbl3').bgColor );
function bgColorDM()
{
document.getElementById('tbl3').bgColor='red';
}
</script>
<p><a href='javascript:bgColorDM()'>
點此改成紅色</a> - 執行結果:
小遊戲 名稱 分類 沙灘車越峽谷 障礙遊戲 #333388
讀取或設定報表邊線寬度。
- 程式用法:
<table id='tbl4' bgcolor='#333388'>
<caption>網路遊戲</caption>
<tr><th>名稱<th>分類
<tr><td>噴水人大戰突變人<td>槍戰遊戲
</table>
<script type='text/javascript'>
function borderDM()
{
document.getElementById('tbl4').border=6;
}
</script>
<p><a href='javascript:borderDM()'>
點此加寬邊線</a> - 執行結果:
網路遊戲 名稱 分類 噴水人大戰突變人 槍戰遊戲
讀取或設定報表的 SUMMARY。
- 程式用法:
<table id='tbl9' bgcolor='#333388'>
<tr><th>學號<th>姓名
<tr><td>52<td>蚱蜢
</table>
<script type='text/javascript'>
function summaryDM()
{
document.getElementById('tbl9').summary='優良學生';
alert( document.getElementById('tbl9').summary );
}
</script>
<p><a href='javascript:summaryDM()'>
點此設定 SUMMARY</a> - 執行結果:
學號 姓名 52 蚱蜢