How to set the top margin of an element with JavaScript?

JavascriptWeb DevelopmentFront End Scripts

Use the marginTop property in JavaScript, to set the top margin. Can you try to run the following code to set the top margin of an element with JavaScript?

Example

Live Demo

<!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>
raja
Published on 27-Feb-2018 18:10:12
Advertisements