2009年1月6日

table:特徵二頁

特徵一頁 | 二頁 | 三頁 | 方法 | 成員表
table 的特徵
align

讀取或設定報表對齊的方法。

  • 程式用法:

    <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

    點此移到左邊

bgColor

讀取或設定報表背景顏色。

  • 程式用法:

    <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

    點此改成紅色

border

讀取或設定報表邊線寬度

  • 程式用法:

    <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

讀取或設定報表的 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蚱蜢

    點此設定 SUMMARY


©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。