คุณสมบัติ name ของ DOM Object คืออะไร?
คุณสมบัติ name ของ HTMLObjectElement ใช้สำห อ่านหรือตั้งค่าแอตทริบิวต์ name ของ <object>** ใช้ระบุชื่อออบเจกต์สำหรับ Scripting, Form Submission, หรือ Target ของ Frame/Window
ไวยากรณ์ (Syntax)
// อ่านค่า var name = objectElement.name; // ตั้งค่า objectElement.name = "newName";
ตัวอย่างการใช้งาน
<!DOCTYPE html>
<html>
<body>
<object id="obj1" width="570" height="350"
data="https://www.example.com/demo.swf" name="myObject">
</object>
<button onclick="changeName()">เปลี่ยนชื่อ Object</button>
<p id="demo"></p>
<script>
function changeName() {
var obj = document.getElementById("obj1");
obj.name = "obj2";
document.getElementById("demo").innerHTML = "ชื่อใหม่: " + obj.name;
}
</script>
</body>
</html>
ผลลัพธ์
กดปุ่ม "เปลี่ยนชื่อ Object" → ชื่อ object เปลี่ยนจาก "myObject" เป็น "obj2" แสดงบนหน้าจอ
การใช้งาน name ของ Object
- Form Submission: Object เป็น Form Control ส่งค่า name/value (หากรองรับ)
- Scripting:
document.objects["name"]หรือdocument.getElementById() - Target:
<a target="objName">,<form target="objName">โหลดหน้าใน Object นี้ - Plugin Communication: Flash/Java Applet ใช้ name ระบุ Instance
จุดสำคัญ
- แอตทริบิวต์
nameและ Propertynameสะท้อนกัน (Reflect) - แตกต่างจาก
id: name ไม่ต้อง Unique, ใช้สำหรับ Form/Target - HTML5:
nameบน <object> ยังคงรองรับ (ไม่ Deprecated) - คู่คู่กับ
width,height,data,type