TableRow insertCell() మాథోడ్

హెచ్టిఎంఎల్ డొమ్ టేబుల్ రో ఆబ్జెక్ట్

నిర్వచనం మరియు ఉపయోగం

insertCell() మాథోడ్ సెల్లును ప్రస్తుత వరుసలో చేర్చుతుంది。

సూచన:ఉపయోగించండి: deleteCell() మాథోడ్ ప్రస్తుత టేబుల్ వరుసలోని సెల్లును తొలగించండి。

మరింత చూడండి:

HTML సూచనాసామగ్రి:హెచ్టిఎంఎల్ <tr> టాగ్

ఉదాహరణ

ఉదాహరణ 1

id="myRow" టేబుల్ వరుసకు ప్రారంభంలో పదవి కలిగిన కొత్త సెల్లు చేర్చండి:

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

亲自试一试

పేజీ కింద మరిన్ని ఉదాహరణలు అందుబాటులో ఉన్నాయి。

రూపకల్పన

tablerowObject.insertCell()index)
పరామితి వివరణ
index

Firefox మరియు ఓపెరాలో అవసరం, 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] పరిశీలించవలసిన అంశాను నిర్దేశిస్తుంది, ఈ ఉదాహరణలో, మొదటి పట్టిక వరుస. అప్పుడు మేము సూచిక స్థానం -1 లో కొత్త కలను insertcell() వాడతాము:

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

亲自试一试

హెచ్టిఎంఎల్ డొమ్ టేబుల్ రో ఆబ్జెక్ట్