HTML DOM টেবিলরো অবজেক্ট

HTML DOM TableRow অবজেক্ট একটি HTML নথির উপাদান

প্রতিনিধিত্ব করে

টেবলরো অবজেক্ট তৈরি করুন

সিনট্যাক্স

নিচের সিনট্যাক্স −

document.createElement(“TR”);

টেবলরো অবজেক্টের বৈশিষ্ট্য

সম্পত্তি	ব্যাখ্যা
rowIndex	এটি একটি টেবিলের সারি সংগ্রহে একটি সারির অবস্থান ফেরত দেয়।
sectionRowIndex	এটি থিড, টিবডি, বা টিফুটের সারি সংগ্রহে একটি সারির অবস্থান ফিরিয়ে দেয়।

টেবলরো অবজেক্টের পদ্ধতি

পদ্ধতি	ব্যাখ্যা
deleteCell()	এটি বর্তমান টেবিলের সারি থেকে একটি ঘর সরিয়ে দেয়।
insertCell()	এটি বর্তমান টেবিলের সারিতে একটি ঘর যোগ করে।

আসুন TableRow অবজেক্টের একটি উদাহরণ দেখি:

উদাহরণ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
      text-align: center;
   }
   table {
      margin: 2rem auto;
      width: 400px;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
<body>
<h1>DOM TableRow Object Demo</h1>
<table border="2">
<thead>
<tr>
<th>Name</th>
<th>Language</th>
</tr>
<thead>
<tbody class="table-body">
<tr>
<td>John</td>
<td>English</td>
</tr>
<tr>
<td>Elon</td>
<td>Germany</td>
</tr>
</tbody>
</table>
<button onclick="get()" class="btn">Create TableRow</button>
<script>
   function get() {
      var tr = document.createElement("TR");
      tr.innerHTML = "<td>Mario</td><td>French</td>"
      document.querySelector(".table-body").appendChild(tr);
   }
</script>
</body>
</html>

আউটপুট

HTML DOM টেবিলরো অবজেক্ট

একটি টেবিল সারি তৈরি করতে “Create TableRow”-এ ক্লিক করুন।

HTML DOM টেবিলরো অবজেক্ট