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

Thuộc tính dữ liệu đối tượng HTML DOM

Thuộc tính dữ liệu Đối tượng HTML DOM trả về một chuỗi tương ứng với giá trị của dữ liệu thuộc tính.

Sau đây là cú pháp -

Trả về giá trị chuỗi

ObjectElement.data

Đặt thuộc tính dữ liệu thành giá trị chuỗi

ObjectElement.data = URLString

Hãy để chúng tôi xem một ví dụ về Dữ liệu đối tượng DOM HTML tài sản -

Ví dụ

<!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() {
      objSelect.data
      divDisplay.textContent = 'URL of above picture: '+objSelect.data;
   }
</script>
</body>
</html>

Đầu ra

Trước khi nhấp vào ‘ Lấy URL Nút '-

Thuộc tính dữ liệu đối tượng HTML DOM

Sau khi nhấp vào ‘ Lấy URL Nút '-

Thuộc tính dữ liệu đối tượng HTML DOM