Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Object name प्रॉपर्टी: ऑब्जेक्ट नाम प्राप्त/सेट करना

DOM Object name प्रॉपर्टी

name प्रॉपर्टी <object> एलिमेंट के name एट्रिब्यूट का मान सेट या प्राप्त करती है। नाम का उपयोग फॉर्म सबमिशन में ऑब्जेक्ट की पहचान के लिए या JavaScript से संदर्भित करने के लिए किया जा सकता है।

सिंटैक्स

// नाम प्राप्त करें
object.name

// नाम सेट करें
object.name = "newName"

उदाहरण: ऑब्जेक्ट नाम बदलना

<!DOCTYPE html>
<html>
<body>
  <object id="obj1" width="570" height="350" 
          data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" 
          name="obj"></object>
  <button onclick="changeName()">ऑब्जेक्ट नाम बदलें</button>
  <p id="demo"></p>
  <script>
    function changeName() {
      document.getElementById("obj1").name = "obj2";
      document.getElementById("demo").innerHTML = "नाम obj2 पर अपडेट किया गया";
    }
  </script>
</body>
</html>

आउटपुट

बटन क्लिक करने पर ऑब्जेक्ट का नाम "obj" से "obj2" हो जाता है।

name एट्रिब्यूट के उपयोग

  • फॉर्म सबमिशन में ऑब्जेक्ट डेटा पहचानने के लिए (यदि ऑब्जेक्ट फॉर्म का हिस्सा है)
  • JavaScript में document.forms[0].elements["obj"] से एक्सेस
  • window.name के साथ संचार के लिए (पुरानी तकनीक)
  • प्लगइन/एम्बेडेड कंटेंट के साथ संचार के लिए

नोट

id यूनिक पहचानकर्ता है (पेज पर अद्वितीय), जबकि name फॉर्म सबमिशन और लिगेसी स्क्रिप्टिंग के लिए उपयोगी है। दोनों अलग-अलग उद्देश्यों की पूर्ति करते हैं।

संबंधित प्रॉपर्टीज

object.id        // यूनिक ID
object.type       // MIME प्रकार
object.data       // संसाधन URL
object.width      // चौड़ाई
object.height     // ऊँचाई
  1. HTML DOM Object form प्रॉपर्टी HTML DOM Object form प्रॉपर्टी

    परिचय HTML DOM Object form प्रॉपर्टी <object> एलिमेंट के लिए घेरने वाले फॉर्म का रेफरेंस लौटाती है। सिंटैक्स form ऑब्जेक्ट का रेफरेंस वापस करना: ObjectElement.form उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style> form { w

  1. HTML DOM Object data प्रॉपर्टी HTML DOM Object data प्रॉपर्टी

    परिचय HTML DOM Object data प्रॉपर्टी data एट्रिब्यूट के मान से संबंधित एक स्ट्रिंग लौटाती है। सिंटैक्स स्ट्रिंग मान वापस करना: ObjectElement.data data प्रॉपर्टी को स्ट्रिंग मान पर सेट करना: ObjectElement.data = URLString उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM

  1. HTML DOM Ul ऑब्जेक्ट HTML DOM Ul ऑब्जेक्ट

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट