TableRow insertCell() विधि

HTML DOM TableRow ऑब्जेक्ट

परिभाषा और उपयोग

insertCell() विधि सेल को वर्तमान पद में जोड़ती है।

सूचना:इस्तेमाल करें: deleteCell() विधि वर्तमान तालिका पद में सेल हटाएं।

अन्य संदर्भ:

HTML संदर्भ पुस्तिका:HTML <tr> टैग

उदाहरण

उदाहरण 1

id="myRow" के तालिका पद के शुरूआत में नए सेल को शामिल करने वाला नया सेल जोड़ें:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";

स्वयं एक प्रयोग कीजिए

पृष्ठ के नीचे अधिक उदाहरण उपलब्ध हैं।

व्याकरण

tablerowObject.insertCell()index)
पारामीटर वर्णन
index

Firefox और Opera में आवश्यक है, IE, Chrome और Safari में वैकल्पिक है。

संख्या (0 से शुरू होकर), नई यूनिट को वर्तमान पंक्ति में कहाँ जोड़ना है इसे निर्धारित करती है。

मान 0 नई यूनिट को पहले स्थान में जोड़ेगा। -1 के मान का उपयोग कर सकते हैं, जो नई यूनिट को अंतिम स्थान में जोड़ेगा。

यदि इस पारामीटर को छोड़ दिया जाता है, IE में insertCell() अंतिम स्थान में जोड़ा जाएगा, Chrome और Safari में पहले स्थान में जोड़ा जाएगा。

तकनीकी विवरण

वापसी मान:

जोड़े गए यूनिट एलीमेंट

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

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

और अधिक उदाहरण

उदाहरण 2

id="myRow" के तालिका पंक्ति के अंत में नई यूनिट जोड़ने वाली नई यूनिट जोड़ें:

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";

स्वयं एक प्रयोग कीजिए

उदाहरण 3

id="myRow" के तालिका पंक्ति के सूचकांक 2 के स्थान पर नई यूनिट जोड़ने वाली नई यूनिट जोड़ें:

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";

स्वयं एक प्रयोग कीजिए

उदाहरण 4

पहली तालिका पंक्ति के शुरू में नई यूनिट जोड़ें। तालिका के rows समूह (.rows[0]) id के "myTable" वाली सभी <tr> एलीमेंट के समूह को वापस देता है。

संख्या [0] खोजने वाले एलीमेंट को निर्धारित करती है, इस उदाहरण में, पहली तालिका पंक्ति। फिर हम निर्धारित सूचकांक में insertcell() का उपयोग करके नई यूनिट जोड़ते हैं: -1

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";

स्वयं एक प्रयोग कीजिए

उदाहरण 5

id="myRow" के तालिका पंक्ति से पहली यूनिट को हटाएं:

var row = document.getElementById("myRow");
row.deleteCell(0);

स्वयं एक प्रयोग कीजिए

उदाहरण 6

तालिका के शुरू में नई पंक्ति जोड़ें。

insertRow() विधि तालिका में निर्धारित सूचकांक के स्थान पर नई पंक्ति जोड़ती है, इस उदाहरण में, id="myTable" की तालिका के पहले स्थान (शुरू) में。

फिर हम नई पंक्ति में यूनिट जोड़ने के लिए insertCell() विधि का उपयोग करते हैं。

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";

स्वयं एक प्रयोग कीजिए

HTML DOM TableRow ऑब्जेक्ट