Computer >> Máy Tính >  >> Lập trình >> Javascript

Với JavaScript, làm thế nào để thay đổi độ rộng của đường viền bảng?


Để thay đổi chiều rộng của đường viền bảng, hãy sử dụng DOM border bất động sản. Bạn có thể thử chạy đoạn mã sau để thay đổi độ rộng của đường viền bảng trong JavaScript -

Ví dụ

<!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>