JS動態(tài)改變表格邊框?qū)挾鹊姆椒?/h1>

字號:


    本文實例講述了JS動態(tài)改變表格邊框?qū)挾鹊姆椒?。分享給大家供大家參考。具體如下:
    下面的JS代碼通過表格對象的border屬性修改表格邊框?qū)挾?BR>    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function changeBorder()
    {
    document.getElementById('myTable').border="10";
    }
    </script>
    </head>
    <body>
    <table id="myTable">
    <tr>
    <td>100</td>
    <td>200</td>
    </tr>
    <tr>
    <td>300</td>
    <td>400</td>
    </tr>
    </table>
    <br>
    <input type="button" onclick="changeBorder()"
    value="Change Border">
    </body>
    </html>