Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติ name ของ DOM Object: อ่าน/ตั้งค่าชื่อของ Object

คุณสมบัติ 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 และ Property name สะท้อนกัน (Reflect)
  • แตกต่างจาก id: name ไม่ต้อง Unique, ใช้สำหรับ Form/Target
  • HTML5: name บน <object> ยังคงรองรับ (ไม่ Deprecated)
  • คู่คู่กับ width, height, data, type