HTML DOM Caption ऑब्जेक्ट

HTML DOM Caption ऑब्जेक्ट HTML <caption> एलिमेंट से जुड़ा होता है। <caption> एलिमेंट का उपयोग टेबल के कैप्शन (शीर्षक) को सेट करने के लिए किया जाता है और यह टेबल का पहला चाइल्ड होना चाहिए। आप caption ऑब्जेक्ट का उपयोग करके caption एलिमेंट को एक्सेस कर सकते हैं।

प्रॉपर्टीज (Properties)

नोट: नीचे दी गई प्रॉपर्टी HTML5 में सपोर्टेड नहीं है।

HTML DOM Caption ऑब्जेक्ट की प्रॉपर्टी:

सिंटैक्स (Syntax)

Caption ऑब्जेक्ट बनाने का सिंटैक्स:

var x = document.createElement("CAPTION");

उदाहरण (Example)

HTML DOM Caption ऑब्जेक्ट का एक उदाहरण:

<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px double black; margin-top: 14px; } </style> </head> <body> <p>टेबल के लिए कैप्शन बनाने के लिए नीचे दिए गए बटन पर क्लिक करें।</p> <button onclick="createCaption()">CREATE</button> <table id="SampleTable"> <tr> <td colspan="2" rowpan="2">TABLE</td> </tr> <tr> <td>Value 1</td> <td>Value 2</td> </tr> </table> <script> function createCaption() { var x = document.createElement("CAPTION"); var t = document.createTextNode("TABLE CAPTION"); x.appendChild(t); var table = document.getElementById("SampleTable"); table.insertBefore(x, table.childNodes[0]); } </script> </body> </html>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

CREATE बटन पर क्लिक करने पर:

उपरोक्त उदाहरण में:

हमने पहले एक CREATE बटन बनाया जो क्लिक होने पर createCaption() मेथड को एक्जीक्यूट करता है:

<button onclick="createCaption()">CREATE</button>

createCaption() मेथड डॉक्यूमेंट ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक caption एलिमेंट बनाता है और इसे वेरिएबल x में असाइन करता है। फिर यह "TABLE CAPTION" टेक्स्ट के साथ एक टेक्स्ट नोड बनाता है। फिर हम टेक्स्ट नोड को एलिमेंट में जोड़ते हैं।

अंत में, हम "SampleTable" आईडी का उपयोग करके <table> एलिमेंट को प्राप्त करते हैं और insertBefore() मेथड का उपयोग करके कैप्शन को टेक्स्ट नोड के साथ टेबल के पहले चाइल्ड के रूप में इन्सर्ट करते हैं। <caption> केवल टेबल का पहला चाइल्ड हो सकता है:

function createCaption() { var x = document.createElement("CAPTION"); var t = document.createTextNode("TABLE CAPTION"); x.appendChild(t); var table = document.getElementById("SampleTable"); table.insertBefore(x, table.childNodes[0]); }