วิธีเปลี่ยนความกว้างของเส้นขอบตารางด้วย JavaScript

หากต้องการเปลี่ยนความกว้างของเส้นขอบตาราง ให้ใช้คุณสมบัติ DOM border คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเปลี่ยนความกว้างของเส้นขอบตารางใน JavaScript −

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <script>          function borderFunc(x) {             document.getElementById(x).style.border = "5px dashed blue";          }       </script>    </head>      <body>       <table style = "border:2px solid black" id = "newtable">          <tr>             <td>One</td>             <td>Two</td>          </tr>          <tr>             <td>Three</td>             <td>Four</td>          </tr>          <tr>             <td>Five</td>             <td>Six</td>          </tr>          </table>       <p>          <input type = "button" onclick = "borderFunc('newtable')"          value = "Change Border Width">       </p>    </body> </html>