এইচটিএমএল ডোম TableRow অবজেক্ট
TableRow অবজেক্ট
TableRow অবজেক্ট একটি এইচটিএমএলের <tr> এলিমেন্ট প্রতিনিধিত্ব করে।
একটি TableRow অবজেক্ট তৈরী
document.createElement() মেথড ব্যবহার করে আপনি একটি <tr> এলিমেন্ট তৈরী করতে পারেন।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, td {
border: 1px solid grey;
}
</style>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<table id="test">
</table>
<script>
function myFunc() {
var a = document.createElement("tr");
a.setAttribute("id", "test1");
document.getElementById("test").appendChild(a);
var b = document.createElement("td");
var c = document.createTextNode("স্যাট একাডেমী");
b.appendChild(c);
document.getElementById("test1").appendChild(b);
}
</script>
</body>
</html>ফলাফল
TableRow অবজেক্ট এক্সেস
getElementById() ব্যবহারের মাধ্যমে আপনি একটি <tr> এলিমেন্টকে এক্সেস করতে পারবেন
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, td {
border: 1px solid grey;
}
</style>
</head>
<body>
<table>
<tr id="test">
<td>স্যাট একাডেমী</td>
<td>স্যাট একাডেমী</td>
<td>স্যাট একাডেমী</td>
</tr>
</table>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
var a = document.getElementById("test");
a.deleteCell(0);
}
</script>
</body>
</html>ফলাফল
টিপস: একটি টেবিলের সারির কালেকশনকে খোজার মাধ্যমেও আপনি একটি <tr> এলিমেন্ট এক্সেস করতে পারেন।
TableRow অবজেক্ট কালেকশন
| কালেকশন | বর্ননা |
|---|---|
| cells | একটি টেবিলের সারিতে <td> অথবা <th> এলিমেন্টের সকল কালেকশন রিটার্ন করে । |
TableRow অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ননা |
|---|---|
| align | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে style.textAlign ব্যবহার করুন। টেবিলের সারির সাথে কন্টেন্টের অনুভুমিক এলাইনমেন্ট সেট অথবা রিটার্ন করে । |
| bgColor | এইচটিএমএল(৫)-এ সাপোর্ট করে না। এর পরিবর্তে
style.backgroundColor ব্যবহার করুন। টেবিলের সারির ব্যাকগ্রাউন্ড রঙ সেট অথবা রিটার্ন করে । |
| ch | এইচটিএমএল(৫)-এ সাপোর্ট করে না। টেবিলের সারির সেলের জন্য ক্যারেক্টার এলাইনমেন্ট সেট অথবা রিটার্ন করে । |
| chOff | এইচটিএমএল(৫)-এ সাপোর্ট করে না। ch প্রোপার্টির হরিজন্টাল অফসেট সেট অথবা রিটার্ন করে । |
| height | এইচটিএমএল(৫)-এ সাপোর্ট করে না। এর পরিবর্তে style.height ব্যবহার করুন। একটি টেবিলের সারির উচ্চতা নির্ধারণ করে অথবা রিটার্ণ করে। |
| rowIndex | টেবিলের সারির কালেকশনের মধ্যে সারির পজিশন সেট অথবা রিটার্ন করে । |
| sectionRowIndex | tbody, thead অথবা tfoot এর সারির কালেকশনের মধ্যে সারির পজিশন সেট অথবা রিটার্ন করে । |
| vAlign | এইচটিএমএল(৫)-এ সাপোর্ট করে না। এর পরিবর্তে style.verticalAlign ব্যবহার করুন। টেবিলের সারির সাথে কন্টেন্টগুলোর জন্য ভার্টিকাল(উলম্ব) এলাইমেন্ট সেট অথবা রিটার্ন করে । |
TableRow অবজেক্ট মেথড
| মেথড | বর্ননা |
|---|---|
| deleteCell() | বর্তমান টেবিল সারি থেকে একটি সেল ডিলেট করে দেয়। |
| insertCell() | বর্তমান টেবিল সারিতে একটি সেল প্রবেশ করায় বা যুক্ত করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |