Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติความสูงของวัตถุ HTML DOM


คุณสมบัติความสูงของวัตถุ HTML DOM ใช้เพื่อตั้งค่าหรือส่งคืนความสูงของวัตถุ ความสูงนี้กำหนดเป็นพิกเซล

ต่อไปนี้เป็นรูปแบบการกำหนดความสูงของวัตถุ:objObject.height

ต่อไปนี้เป็นรูปแบบการคืนค่าความสูงของวัตถุ -

objObject.height = pixels

ด้านบน พิกเซลคือค่าที่ตั้งไว้สำหรับความสูงของวัตถุ

ให้เราดูตัวอย่างการใช้คุณสมบัติความสูงของวัตถุ DOM -

ตัวอย่าง

<!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>

ผลลัพธ์

คุณสมบัติความสูงของวัตถุ HTML DOM

ตอนนี้ให้คลิกปุ่ม "อัปเดตความสูง" เพื่อเปลี่ยนความสูง -

คุณสมบัติความสูงของวัตถุ HTML DOM