วิธีตั้งค่าขอบบน (Top Margin) ขององค์ประกอบด้วย JavaScript

ใช้คุณสมบัติ marginTop เพื่อกำหนดระยะห่างจากขอบบนขององค์ประกอบ

ตัวอย่าง

<!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>