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

Thuộc tính chiều cao đối tượng HTML DOM

Thuộc tính Chiều cao đối tượng HTML DOM được sử dụng để đặt hoặc trả về chiều cao của một đối tượng. Chiều cao này được đặt bằng pixel.

Cú pháp sau để đặt chiều cao của một đối tượng:objObject.height

Sau đây là cú pháp để trả về chiều cao của một đối tượng -

objObject.height = pixels

Ở trên, pixel là giá trị được đặt cho chiều cao của đối tượng.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính chiều cao đối tượng DOM -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<object id="newObj" width="580" height="200" data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" style="border:2px solid red"></object>
<p>Click to update the height.</p>
<button onclick="display()">Update Height</button>
<p id="myid"></p>
<script>
   function display() {
      document.getElementById("newObj").height = "350";
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính chiều cao đối tượng HTML DOM

Bây giờ, hãy nhấp vào nút “Cập nhật chiều cao” để thay đổi chiều cao -

Thuộc tính chiều cao đối tượng HTML DOM