คุณสมบัติ HTML DOM Object Width ใช้เพื่อตั้งค่าหรือส่งคืนความกว้างของวัตถุ ความกว้างนี้กำหนดเป็นพิกเซล ต่อไปนี้เป็นรูปแบบการกำหนดความกว้างของวัตถุ -
objObject.width
ต่อไปนี้เป็นรูปแบบการคืนค่าความกว้างของวัตถุ -
objObject.width = pixels
ด้านบน พิกเซลคือค่าที่ตั้งไว้สำหรับความกว้างของวัตถุ
ให้เราดูตัวอย่างการใช้คุณสมบัติความกว้างของวัตถุ DOM -
ตัวอย่าง
<!DOCTYPE html> <html> <body> <object id="newObj" width="300" height="200" data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" style="border:2px solid red"> </object> <p>Click to update the width.</p> <button onclick="display()">Update Width</button> <p id="myid"></p> <script> function display() { document.getElementById("newObj").width = "550"; } </script> </body> </html>
ผลลัพธ์
ตอนนี้ให้คลิกปุ่ม "อัปเดตความกว้าง" เพื่ออัปเดตความกว้าง -