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

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


Sử dụng paddingTop thuộc tính trong JavaScript để đặt phần đệm trên cùng. Bạn có thể thử chạy đoạn mã sau để đặt phần đệm trên cùng của một phần tử bằng JavaScript -

Ví dụ

<!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()">Top Padding</button>
     
      <script>
         function display() {
            document.getElementById("box").style.paddingTop = "20px";
         }
      </script>
   </body>
</html>