Đối tượng Object trong HTML DOM

Giới thiệu

HTML DOM Object Object đại diện cho phần tử <object> trong HTML.

Tạo phần tử <object>

var objectElement = document.createElement("OBJECT")

Các thuộc tính của Object Object

Thuộc tính	Mô tả
data	Thiết lập/lấy URL của tài nguyên được dùng bởi object element.
form	Trả về tham chiếu đến form bao quanh object element.
height	Thiết lập/lấy chiều cao của object element.
name	Thiết lập/lấy tên của object element.
type	Thiết lập/lấy content type cho dữ liệu tải qua thuộc tính data.
useMap	Thiết lập/lấy tên client-side image map dùng với object element.
width	Thiết lập/lấy chiều rộng của object element.

Ví dụ

Ví dụ lấy thuộc tính data (URL) của object element.

<!DOCTYPE html> <html> <head> <title>HTML DOM Object object</title> <style> 
  form { width:70%; margin: 0 auto; text-align: center; } 
  * { padding: 2px; margin:5px; } 
  input[type="button"] { border-radius: 10px; } 
</style></head> <body> 
  <form> 
    <fieldset> 
      <legend>HTML-DOM-Object-Object</legend> 
      <object id="objSelect" height="200" data="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg"></object> 
      <input type="button" onclick="getObjectData()" value="Get URL"> 
      <div id="divDisplay"></div> 
    </fieldset> 
  </form> 
  <script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var objSelect = document.getElementById("objSelect"); 
    function getObjectData() { 
      divDisplay.textContent = 'URL of above picture: ' + objSelect.data; 
    } 
  </script> </body> </html>

Kết quả

Trước khi nhấn Get URL:

Đối tượng Object trong HTML DOM

Sau khi nhấn Get URL:

Đối tượng Object trong HTML DOM