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

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

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

সিনট্যাক্স

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

document.createElement(“TD”);

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

উদাহরণ

TableData অবজেক্টের একটি উদাহরণ:

<!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 TableData Object Demo</h1> <table border="2"> <thead> <tr> <th>Name</th> <th>Language</th> </tr> <thead> <tbody> <tr> <td>John</td> <td>English</td> </tr> <tr> <td>Elon</td> <td>Germany</td> </tr> <tr class="new-row"> </tr> </tbody> </table> <button onclick="get()" class="btn">Create a TableData</button> <script>    function get() {       var td1 = document.createElement("TD");       var td2 = document.createElement("TD");       td1.innerHTML = "Mario";       td2.innerHTML = "French";       document.querySelector('.new-row').appendChild(td1);       document.querySelector('.new-row').appendChild(td2);    } </script> </body> </html>

আউটপুট

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