HTML DOM TableHeader অবজেক্ট: টেবিল হেডার সেল (th) নিয়ন্ত্রণ

HTML DOM TableHeader অবজেক্ট একটি HTML ডকুমেন্টের <th> এলিমেন্টকে প্রতিনিধিত্ব করে।

TableHeader অবজেক্ট তৈরি

সিনট্যাক্স

সিনট্যাক্স নিচে দেওয়া হলো:

document.createElement(“TH”);

TableHeader অবজেক্টের প্রোপার্টিসমূহ

উদাহরণ

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>

আউটপুট

"Create a TableHeader" বাটনে ক্লিক করুন একটি TableHeader অবজেক্ট তৈরি করতে।