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

Làm cách nào để đặt phần đệm dưới cùng của một phần tử bằng JavaScript?


Để đặt phần đệm dưới cùng, hãy sử dụng paddingBottom thuộc tính trong JavaScript.

Ví dụ

Bạn có thể thử chạy mã sau để trả về phần đệm dưới cùng của phần tử bằng JavaScript -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px solid #FF0000;
            width: 150px;
            height: 70px;
         }
      </style>
   </head>
   <body>
      <div id = "box">This is demo text.</div>
      <br>
      <br>
      <button type = "button" onclick = "display()">Bottom padding</button>
     
      <script>
         function display() {
            document.getElementById("box").style.paddingBottom = "100px";
         }
      </script>
   </body>
</html>