如何使用JavaScript设置定位元素的底部位置？

Z时代
2024-01-10
分类：综合

要使用JavaScript设置定位元素的底部位置，请使用bottom属性。

示例

您可以尝试运行以下代码以了解如何设置底部位置-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #newBtn {
            position: absolute;
         }
      </style>
   </head>
   <body>
      <button type="button" id="newBtn" type="button" onclick="display()">Set Bottom Position</button>
      <script>
         function display() {
            document.getElementById("newBtn").style.bottom = "400px";
          }
      </script>
   </body>
</html>