HTML DOM টেবিল অবজেক্ট একটি HTML নথির
| সম্পত্তি | ব্যাখ্যা |
|---|---|
| ক্যাপশন | এটি একটি 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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
“একটি টেবিল অবজেক্ট তৈরি করুন-এ ক্লিক করুন " একটি টেবিল অবজেক্ট তৈরি করতে বোতাম৷
৷
