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

Làm cách nào để sử dụng JavaScript DOM để thay đổi phần đệm của bảng?


Để thay đổi phần đệm của bảng, hãy sử dụng DOM padding bất động sản. Bạn có thể thử chạy đoạn mã sau để thay đổi phần đệm trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <script>
         function paddingFunc(x) {
            document.getElementById(x).style.padding = "20px";
         }
      </script>
   </head>
   <body>
      <table style = "border:2px dashed 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 = "paddingFunc('newtable')" value = "Change Table Padding">
      </p>
   </body>
</html>