คุณสมบัติความสูงของวัตถุ 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>
ผลลัพธ์
ตอนนี้ให้คลิกปุ่ม "อัปเดตความสูง" เพื่อเปลี่ยนความสูง -