Thuộc tính data của Object trong HTML DOM

Giới thiệu

Thuộc tính data của Object trong HTML DOM trả về chuỗi tương ứng với giá trị của thuộc tính data (URL tài nguyên).

Cú pháp

Lấy giá trị:

ObjectElement.data

Thiết lập giá trị:

ObjectElement.data = URLString

Ví dụ

Ví dụ lấy URL của hình ảnh trong object element.

<!DOCTYPE html> <html> <head> <title>HTML DOM Object data</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-data</legend> 
      <object id="objSelect" height="200" data="https://www.tutorialspoint.com/python_blockchain/images/python-blockchain-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:

Sau khi nhấn Get URL: