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

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


คุณสมบัติ 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>

ผลลัพธ์

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

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

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