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