Computer >> Computer tutorials >  >> Programming >> Javascript

How to set the height of an element with JavaScript?


Use the height property to set the height of an element. You can try to run the following code to set the height of a button with JavaScript −

Example

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p>This is Demo Text.</p>
      <button type="button" id="myID" onclick="display()">Update Height</button>
      <script>
         function display() {
            document.getElementById("myID").style.height = "100px";
         }
      </script>
   </body>
</html>