HTML DOM Object Object

HTML DOM Object Object ใน HTML แทนองค์ประกอบ <object>

การสร้างองค์ประกอบ <object>

var objectElement = document.createElement("OBJECT")

ที่นี่ "objectElement" สามารถมีคุณสมบัติดังต่อไปนี้:

คุณสมบัติ	คำอธิบาย
data	ตั้งค่า/ส่งคืน URL ของทรัพยากรที่ใช้โดย object element
form	ส่งคืนการอ้างอิงถึง form ที่ล้อมรอบ object element
height	ตั้งค่า/ส่งคืนความสูงของ object element
name	ตั้งค่า/ส่งคืนชื่อของ object element
type	ตั้งค่า/ส่งคืน content type สำหรับข้อมูลที่ดาวน์โหลดผ่านแอตทริบิวต์ data
useMap	ตั้งค่า/ส่งคืนชื่อของ client-side image map ที่ใช้กับ object element
width	ตั้งค่า/ส่งคืนความกว้างของ 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() { 
            objSelect.data; 
            divDisplay.textContent = 'URL of above picture: ' + objSelect.data; 
        } 
    </script> 
</body> </html>

ผลลัพธ์

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

HTML DOM Object Object

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

HTML DOM Object Object