एचटीएमएल डोम टेबलडेटा ऑब्जेक्ट

<घंटा/>

HTML DOM TableData ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है।

टेबलडेटा ऑब्जेक्ट बनाएं

सिंटैक्स

निम्नलिखित वाक्य रचना है -

document.createElement(“TD”);

TableData ऑब्जेक्ट के गुण

Property <वें शैली ="पाठ-संरेखण:केंद्र;">स्पष्टीकरण
सेल इंडेक्स	यह तालिका पंक्ति के सेल संग्रह में सेल की स्थिति लौटाता है।
colSpan	यह किसी तालिका के colspan विशेषता के मान को लौटाता है और परिवर्तित करता है।
शीर्षक	यह किसी तालिका के शीर्षलेख विशेषता के मान को लौटाता है और परिवर्तित करता है।
पंक्तिस्पैन	यह किसी तालिका के Rowpan विशेषता के मान को लौटाता है और बदल देता है।

आइए टेबलडेटा ऑब्जेक्ट का एक उदाहरण देखें -

उदाहरण

<!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>

आउटपुट

एचटीएमएल डोम टेबलडेटा ऑब्जेक्ट

“टेबलडेटा बनाएं . पर क्लिक करें TableData ऑब्जेक्ट बनाने के लिए बटन।

एचटीएमएल डोम टेबलडेटा ऑब्जेक्ट