如何使用JavaScript DOM更改表的填充?

要更改表的填充,请使用DOM填充属性。您可以尝试运行以下代码来更改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>

以上是 如何使用JavaScript DOM更改表的填充? 的全部内容, 来源链接: utcz.com/z/330875.html

回到顶部