HTML DOM कैप्शन ऑब्जेक्ट HTML
गुण
नोट :नीचे दी गई संपत्ति HTML5 में समर्थित नहीं है।
निम्नलिखित HTML DOM कैप्शन ऑब्जेक्ट प्रॉपर्टी है -
| संपत्ति | <थ>विवरण|
|---|---|
| संरेखित करें | शीर्षक संरेखण सेट करने या वापस करने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैकैप्शन ऑब्जेक्ट बनाना -
var x = document.createElement("CAPTION"); उदाहरण
आइए HTML DOM कैप्शन ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px double black;
margin-top: 14px;
}
</style>
</head>
<body>
<p>Click the button below to create the caption for the table.</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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले क्लिक पर createCaption() विधि को निष्पादित करने के लिए CREATE बटन बनाया है -
<button onclick="createCaption()">CREATE</button>
createCaption () विधि दस्तावेज़ ऑब्जेक्ट की createElement () विधि का उपयोग करके एक कैप्शन तत्व बनाती है और इसे चर x को असाइन करती है। इसके बाद इसने "टेबल कैप्शन" टेक्स्ट के साथ एक टेक्स्ट नोड बनाया। फिर हमने टेक्स्ट नोड को एलीमेंट में जोड़ दिया।
अंत में, हमें "नमूनाटेबल" आईडी का उपयोग करके