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 এ বরাদ্দ করে। এটি তারপর "টেবিল ক্যাপশন" পাঠ্য সহ একটি পাঠ্য নোড তৈরি করেছে। তারপরে আমরা এলিমেন্টে টেক্সট নোড যুক্ত করেছি।
অবশেষে, আমরা
