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

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

Thuộc tính Chiều rộng đối tượng HTML DOM được sử dụng để đặt hoặc trả về chiều rộng của một đối tượng. Chiều rộng này được đặt bằng pixel. Sau đây là cú pháp để đặt chiều rộng của một đối tượng -

objObject.width

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

objObject.width = pixels

Ở trên, pixel là giá trị được đặt cho chiều rộng 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 rộng đối tượng DOM -

Ví dụ

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

Đầu ra

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

Bây giờ, hãy nhấp vào nút “Cập nhật chiều rộng” để cập nhật chiều rộng -

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