วิธีใช้ JavaScript DOM เปลี่ยนระยะห่างภายในของตาราง

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

ตัวอย่าง

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