জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
লগইন
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম 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) সেট করে অথবা রিটার্ন করে।

স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন