Table insertRow() विधि

HTML DOM Table ऑब्जेक्ट

वर्णन और उपयोग

insertRow() विधि खाली <tr> एलीमेंट और इसे तालिका में जोड़े।

insertRow() विधि तालिका में निर्धारित स्थान पर नई पंक्ति जोड़ती है。

ध्यान दें:<tr> एलीमेंट में <th> या <td> एलीमेंट होना चाहिए

सूचना:इसे उपयोग करें deleteRow() विधि पंक्ति मिटाएं

दूसरे संदर्भ:

HTML संदर्भ दस्तावेज़:HTML <tr> टैग

उदाहरण

उदाहरण 1

तालिका के पहले स्थान पर नई पंक्ति जोड़ें (और सामग्री वाले <td> एलीमेंट जोड़ें):

// id="myTable" के <table> एलीमेंट को खोजें:
var table = document.getElementById("myTable");
// खाली <tr> एलीमेंट बनाएं और इसे तालिका के पहले स्थान पर जोड़ें:
var row = table.insertRow(0);
// “नए” <tr> एलीमेंट के पहले और दूसरे स्थान पर नए कोष्ठ (td एलीमेंट) जोड़ें:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// नए कोष्ठ में पाठ जोड़ें:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

स्वयं की परीक्षा कीजिए

उदाहरण 2

पंक्ति को बनाना और मिटाना:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

स्वयं की परीक्षा कीजिए

व्याकरण

tableObject.insertRow(index)
पारामीटर वर्णन
index

Firefox और Opera में आवश्यक है, IE, Chrome और Safari में वृत्तियुक्त है।

वाल्यू, जो पंक्ति को जोड़ने के लिए अवस्थान को निर्धारित करता है (0 से शुरू होकर)। वाल्यू 0 इसके परिणामस्वरूप नई पंक्ति पहली स्थान पर जोड़ी जाएगी।

भी -1 की गुणफल का उपयोग कर सकते हैं, जिससे नई पंक्ति को अंतिम स्थान पर जोड़ा जाए।

यदि इस पारामीटर को छोड़ दिया जाता है, तो insertRow() च्रोम, IE, फायरफॉक्स और ऑपेरा में अंतिम स्थान और सैफारी में पहले स्थान में नई पंक्ति जोड़ देता है।

तकनीकी विवरण

वापसी वाली मान: इंसर्ट किया गया <tr> एलीमेंट

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

HTML DOM Table ऑब्जेक्ट