HTML DOM एब्रीविएशन (Abbreviation) ऑब्जेक्ट

HTML DOM एब्रीविएशन ऑब्जेक्ट

HTML में <abbr> एलिमेंट का उपयोग संक्षिप्तीकरण (abbreviations) प्रदर्शित करने के लिए किया जाता है। Abbreviation ऑब्जेक्ट इस <abbr> एलिमेंट को दर्शाता है और JavaScript के माध्यम से इसके गुणों (properties) तक पहुंच प्रदान करता है।

उदाहरण: एब्रीविएशन ऑब्जेक्ट तक पहुंच

नीचे दिए गए उदाहरण में हम एक बटन पर क्लिक करके <abbr> एलिमेंट के title एट्रिब्यूट (जो संक्षिप्तीकरण का पूर्ण रूप रखता है) को प्राप्त करेंगे और पैराग्राफ में प्रदर्शित करेंगे।

<!DOCTYPE html>
<html>
<body>
<h2>डेमो हेडिंग</h2>
<abbr id="myid" title="Board of Control for Cricket in India">BCCI</abbr>
<button onclick="display()">संक्षिप्तीकरण का शीर्षक प्रदर्शित करें</button>
<p id="demo">संक्षिप्तीकरण शीर्षक</p>
<script>
  function display() {
    var a = document.getElementById("myid").title;
    document.getElementById("demo").innerHTML = a;
  }
</script>
</body>
</html>

आउटपुट

प्रारंभिक स्थिति:

"संक्षिप्तीकरण का शीर्षक प्रदर्शित करें" बटन पर क्लिक करने के बाद:

स्पष्टीकरण

1. <abbr id="myid" title="Board of Control for Cricket in India">BCCI</abbr> - एक संक्षिप्तीकरण एलिमेंट बनाता है जिसका ID "myid" है और title एट्रिब्यूट में पूर्ण रूप है।
2. बटन का onclick="display()" जावास्क्रिप्ट फ़ंक्शन को कॉल करता है।
3. फ़ंक्शन display() में:
   • document.getElementById("myid").title - Abbreviation ऑब्जेक्ट के title गुण को प्राप्त करता है।
   • document.getElementById("demo").innerHTML = a - प्राप्त शीर्षक को पैराग्राफ में प्रदर्शित करता है।

उपयोगी गुण (Properties)

Abbreviation ऑब्जेक्ट (जो HTMLElement से विरासत में मिला है) के मुख्य गुण:

• title - संक्षिप्तीकरण का पूर्ण रूप या विवरण।
• id, className, style आदि - सभी मानक HTMLElement गुण।

ब्राउज़र समर्थन

सभी आधुनिक ब्राउज़र <abbr> और इसके DOM ऑब्जेक्ट का समर्थन करते हैं।