এইচটিএমএল ডোম td অবজেক্ট
td অবজেক্ট
td অবজেক্ট দ্বারা একটি এইচটিএমএল <td> এলিমেন্টকে প্রতিনিধিত্ব করে ।
td অবজেক্ট তৈরি
document.createElement() মেথড দ্বারা আপনি একটি <td> এলিমেন্ট তৈরি করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, td {
border: 1px solid grey;
}
</style>
</head>
<body>
<table>
<tr id="test">
</tr>
</table>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
var a = document.createElement("td");
var b = document.createTextNode("টেবিল ডাটা");
a.appendChild(b);
document.getElementById("test").appendChild(a);
}
</script>
</body>
</html>ফলাফল
এক্সেস td অবজেক্ট
getElementById() দ্বারা আপনি <td> এলিমেন্টকে এক্সেস করতে পারবেন
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, td {
border: 1px solid grey;
}
</style>
</head>
<body>
<table>
<tr>
<td id="test">টেবিল ডাটা</td>
</tr>
</table>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
var a = document.getElementById("test");
a.innerHTML = "নতুন ডাটা";
}
</script>
</body>
</html>ফলাফল
পরামর্শ: এছাড়াও টেবিল রো(row) এরসেল খোজার মাধ্যমে আপনি একটি <td> এলিমেন্ট এক্সেস করতে পারবেন ।
td অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| abbr | abbr এট্রিবিউট এর ভ্যালু সেট করে অথবা রিটার্ন করে। |
| align | এইচটিএমএল৫-এ সাপোর্ট করে না।এর পরিবর্তে style.textAlign ব্যবহার করুন । একটি ডাটা সেল এর কন্টেন্ট এর মধ্যে অনুভুমিক এলাইনমেন্ট সেট করে বা রিটার্ন করে । |
| axis | এইচটিএমএল৫-এ সাপোর্ট করে না। সম্পর্কিত ডাটা সেল এর comma-separated লিষ্ট সেট করে অথবা রিটার্ন করে । |
| background | এইচটিএমএল৫-এ সাপোর্ট করে না।এর পরিবর্তে
style.background ব্যবহার করুন। একটি ডাটা সেল এর ব্যাকগ্রাউন্ড ইমেজ সেট করে অথবা রিটার্ন করে। |
| bgColor | এইচটিএমএল৫-এ সাপোর্ট করে না।এর পরিবর্তে
style.backgroundColor ব্যবহার করুন। একটি টেবিলের ব্যাকগ্রাউন্ড রঙ সেট করে অথবা রিটার্ন করে। |
| cellIndex | একটি টেবিল রো এর সেল কালেকশনের মধ্যে পজিশন রিটার্ন করে। |
| ch | এইচটিএমএল৫-এ সাপোর্ট করে না। একটি ডাটা সেল এর জন্য এলাইনমেন্ট ক্যারেক্টার সেট করে অথবা রিটার্ন করে। |
| chOff | এইচটিএমএল৫-এ সাপোর্ট করে না। ch প্রোপার্টির অনুভুমিক অপসেট সেট করে অথবা রিটার্ন করে। |
| colSpan | colspan এট্রিবিউট এর ভ্যালু সেট করে অথবা রিটার্ন করে। |
| headers | হেডার এট্রিবিউট এর ভ্যালু সেট করে অথবা রিটার্ন করে। |
| height | এইচটিএমএল৫-এ সাপোর্ট করে না। এর পরিবর্তে style.height ব্যবহার করুন। একটি ডাটা সেল এর উচ্চতা(height) সেট করে অথবা রিটার্ন করে। |
| noWrap | এইচটিএমএল৫-এ সাপোর্ট করে না।এর পরিবর্তে
style.whiteSpace ব্যবহার করুন। সেল এর ভেতরের কন্টেন্ট সজানো কিনা তা |
| rowSpan | রোস্পেন(rowspan) এট্রিবিউট এর ভ্যালুর জন্য ব্যবহার করা হয়। |
| vAlign | এইচটিএমএল৫-এ সাপোর্ট করে না। এর পরিবর্তে style.verticalAlign
ব্যবহার করুন । একটি সেলের ভেতর কন্টেন্ট এর ভার্টিক্যাল এলাইনমেন্ট সেট করে অথবা রিটার্ন করে। |
| width | এইচটিএমএল৫-এ সাপোর্ট করে না।এর পরিবর্তে style.width ব্যবহার করুন। একটি ডাটা সেল এর প্রস্থ(width) সেট করে অথবা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |