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

Làm cách nào để đặt chiều cao tối thiểu của một phần tử bằng JavaScript?


Sử dụng minHeight trong JavaScript để đặt chiều cao tối đa. Bạn có thể thử chạy mã sau để đặt chiều cao tối thiểu của một phần tử bằng JavaScript -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 300px;
            background-color: gray;
            overflow: auto;
         }
      </style>
   </head>
   <body>
      <p>Click below to set Minimum height.</p>
      <button type="button" onclick="display()">Min Height</button>
      <div id="box">
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
      </div>
      <br>
      <script>
         function display() {
            document.getElementById("box").style.minHeight = "400px";
         }
      </script>
   </body>
</html>