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

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


Sử dụng marginTop thuộc tính trong JavaScript, để đặt lề trên. Bạn có thể thử chạy đoạn mã sau để đặt lề trên của một phần tử bằng JavaScript không?

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myID {
            border: 2px solid #000000;
         }
      </style>
   </head>
   <body>
      <div id="myID">This is demo text.</div><br>
      <button type="button" onclick="display()">Add top margin</button>
      <script>
         function display() {
            document.getElementById("myID").style.marginTop = "150px";
         }
      </script>
   </body>
</html>