HTML DOM টেবিল অবজেক্ট একটি HTML নথির
উপাদান প্রতিনিধিত্ব করেআসুন দেখি কিভাবে টেবিল অবজেক্ট তৈরি করা যায়
সিনট্যাক্স
নিম্নলিখিত সিনট্যাক্স −
document.createElement(“TABLE”);
সম্পত্তি
নিচে টেবিল অবজেক্টের বৈশিষ্ট্য −
সম্পত্তি | ব্যাখ্যা |
---|---|
ক্যাপশন | এটি একটি HTML নথিতে একটি টেবিলের <ক্যাপশন> উপাদান প্রদান করে। |
tFoot | এটি একটি HTML নথিতে একটি টেবিলের |
হেড | এটি একটি HTML নথিতে একটি টেবিলের |
পদ্ধতি
টেবিল অবজেক্ট -
এর পদ্ধতিগুলি নীচে দেওয়া হল উপাদান তৈরি করে এবং টেবিলে যোগ করে। উপাদান তৈরি করে এবং টেবিলে যোগ করে। উপাদান মুছে দেয়। উপাদান মুছে দেয়। উপাদান মুছে দেয়। উপাদান তৈরি করে এবং টেবিলে যোগ করে।পদ্ধতি | ব্যাখ্যা |
---|---|
createCaption() | এটি একটি খালি <ক্যাপশন> উপাদান তৈরি করে এবং টেবিলে যোগ করে। |
createTFoot() | এটি একটি খালি |
createTHead() | এটি একটি খালি |
deleteCaption() | এটি টেবিল থেকে প্রথম <ক্যাপশন> উপাদান মুছে দেয়। |
deleteRow() | এটি টেবিল থেকে একটি |
deleteThead() | এটি টেবিল থেকে |
deleteTFoot() | এটি টেবিল থেকে |
insertRow() | এটি একটি খালি |
উদাহরণ
টেবিল অবজেক্ট -
এর একটি উদাহরণ দেখা যাক<!DOCTYPE html> <html> <head> <style> body { text-align: center; background-color: #fff; color: #0197F6; } h1 { color: #23CE6B; } .btn { background-color: #fff; border: 1.5px dashed #0197F6; height: 2rem; border-radius: 2px; width: 60%; margin: 2rem auto; display: block; color: #0197F6; outline: none; cursor: pointer; } </style> </head> <body> <h1>DOM table Object Demo</h1> <button onclick="createTable()" class="btn">Create a table object</button> <script> function createTable() { var table = document.createElement("TABLE"); table.innerHTML = `<tr> <td>Data 1</td> <td>Data 2</td> </tr> <tr> <td>Data 3</td> <td>Data 4</td> </tr>`; table.setAttribute('border', "2"); table.style.margin = "2rem auto"; document.body.appendChild(table); } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
“একটি টেবিল অবজেক্ট তৈরি করুন-এ ক্লিক করুন " একটি টেবিল অবজেক্ট তৈরি করতে বোতাম৷
৷