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

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

Sử dụng padding thuộc tính trong JavaScript để đặt phần đệm của một phần tử. Bạn có thể thử chạy đoạn mã sau để thêm phần đệm 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()">Add Padding</button>

      <script>
         function display() {
            document.getElementById("box").style.padding = "20px 30px 10px 50px";
         }
      </script>
   </body>
   
</html>