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

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

রেফারেন্স

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

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

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

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

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

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

<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>


 

এইচটিএমএল ডোম 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() বর্তমান টেবিল সারিতে একটি সেল প্রবেশ করায় বা যুক্ত করে।

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

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