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

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


Để đặt phần đệm phù hợp, hãy sử dụng paddingRight thuộc tính trong JavaScript. Bạn có thể thử chạy đoạn mã sau để trả về phần đệm bên phải 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()">Right padding</button>
     
      <script>
         function display() {
            document.getElementById("box").style.paddingRight = "100px";
         }
      </script>
   </body>
</html>