এইচটিএমএল ডোম Caption অবজেক্ট
Caption অবজেক্ট
Caption অবজেক্ট এইচটিএমএল <Caption> এলিমেন্টকে প্রতিনিধিত্ব করে।
Caption অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <Caption> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, th, td {
border: 1px solid black;
margin-top: 20px;
}
</style>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<table id="test">
<tr>
<th>মাস</th>
<th>সঞ্চয়</th>
</tr>
<tr>
<td>জানুয়ারি</td>
<td>tk.২০০০০</td>
</tr>
<tr>
<td>ফেব্রুয়ারি</td>
<td>tk.১৫০০০</td>
</tr>
</table>
<script>
function myFunc() {
var a = document.createElement("caption");
var b = document.createTextNode("মাসিক সঞ্চয়");
a.appendChild(b);
a.style.color= "teal";
var table = document.getElementById("test")
table.insertBefore(a, table.childNodes[0]);
}
</script>
</body>
</html>ফলাফল
Caption অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <Caption> এলিমেন্টকে এক্সেস করতে পারে
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, th, td {
border: 1px solid gray;
}
</style>
</head>
<body>
<table>
<caption id="test">মাসিক সঞ্চয়</caption>
<tr>
<th>মাস</th>
<th>সঞ্চয়</th>
</tr>
<tr>
<td>জানুয়ারি</td>
<td>tk.২০০০০</td>
</tr>
<tr>
<td>ফেব্রুয়ারি</td>
<td>tk.১৫০০০</td>
</tr>
</table>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.getElementById("test");
a.style.color = "teal";
}
</script>
</body>
</html>ফলাফল
পরামর্শঃআপনি টেবিল অবজেক্টের createCaption() মেথড ব্যবহার করে <caption> এলিমেন্ট তৈরি করতে পারবেন।
Caption অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| align | এইচটিএমএল(৫) সাপোর্ট করে না। এর পরিবর্তে style.textAlign বা style.captionSide ব্যবহার করুন। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |