คุณสมบัติ HTML DOM Object data

คุณสมบัติ HTML DOM Object data ส่งคืนสตริงที่สอดคล้องกับค่าของแอตทริบิวต์ data

ไวยากรณ์ (Syntax)

การส่งคืนค่าสตริง:

ObjectElement.data

การตั้งค่าคุณสมบัติ data เป็นค่าสตริง:

ObjectElement.data = URLString

ตัวอย่างการใช้งาน

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

ผลลัพธ์

ก่อนคลิก 'Get URL':

หลังคลิก 'Get URL':