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

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


Sử dụng maxHeight trong JavaScript để đặt chiều cao tối đa. Bạn có thể thử chạy đoạn mã sau để đặt chiều cao tối đa 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 Maximum height.</p>
<button type="button" onclick="display()">Max 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.maxHeight = "70px";
   }
</script>
</body>
</html>