HTML DOM টেবিলহেডার অবজেক্ট

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

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

টেবলহেডার অবজেক্ট তৈরি করুন

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

document.createElement(“TH”);

টেবলহেডার অবজেক্টের বৈশিষ্ট্য

সম্পত্তি	ব্যাখ্যা
cellIndex	এটি একটি টেবিলের সারির সেল সংগ্রহে একটি ঘরের অবস্থান প্রদান করে৷
colSpan	এটি একটি টেবিলের কলস্প্যান অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে।
হেডার	এটি একটি টেবিলের হেডার অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে।
abbr	এটি একটি টেবিলের abbr অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে।
rowSpan	এটি একটি টেবিলের সারিস্প্যান অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে

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

উদাহরণ

<!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 TableHeader Object Demo</h1>
<table border="2">
<thead>
<tr class="table-header">
</tr>
<thead>
<tbody>
<tr>
<td>John</td>
<td>English</td>
</tr>
<tr>
<td>Elon</td>
<td>Germany</td>
</tr>
</tbody>
</table>
<button onclick="get()" class="btn">Create a TableHeader</button>
<script>
   function get() {
      var th1 = document.createElement("TH");
      var th2 = document.createElement("TH");
      th1.innerHTML = "Name";
      th2.innerHTML = "Language";
      document.querySelector('.table-header').appendChild(th1);
      document.querySelector('.table-header').appendChild(th2);
   }
</script>
</body>
</html>

আউটপুট

HTML DOM টেবিলহেডার অবজেক্ট

“একটি টেবিল হেডার তৈরি করুন-এ ক্লিক করুন একটি টেবিলহেডার অবজেক্ট তৈরি করতে ” বোতাম।

HTML DOM টেবিলহেডার অবজেক্ট