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

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


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