పట్టిక ఇంసెర్ట్ రో పద్ధతి

HTML DOM Table ఆబ్జెక్ట్

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

insertRow() పద్ధతి ఖాళీ <tr> ఎలమెంట్ మరియు పట్టికలో చేర్చండి.

insertRow() పద్ధతి పట్టికలో నిర్దేశించిన స్థానంలో కొత్త పంక్తిని ప్రవేశపెట్టుతుంది.

గమనిక:<tr> ఎలమెంట్లు లోపల <th> లేదా <td> ఎలమెంట్లను కలిగి ఉండాలి.

సూచన:ఉపయోగించండి: deleteRow() పద్ధతి ఒక పంక్తిని తొలగించండి.

మరియు ఇతర సూచనలు:

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

ఉదాహరణ

ఉదాహరణ 1

పట్టికలో ప్రథమ స్థానంలో కొత్త పంక్తిని ప్రవేశపెట్టండి (పదబంధం కలిగిన <td> ఎలమెంట్ని ప్రవేశపెట్టండి):

// id="myTable" యొక్క <table> ఎలమెంట్ని కనుగొనండి:
var table = document.getElementById("myTable");
// ఖాళీ <tr> ఎలమెంట్ని సృష్టించి తాలూకు ప్రథమ స్థానంలో చేర్చండి:
var row = table.insertRow(0);
// "కొత్త" <tr> ఎలమెంట్లో మొదటి మరియు రెండవ స్థానాల్లో కొత్త సెల్లులను ప్రవేశపెట్టండి (టిడి ఎలమెంట్):
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);
}

స్వయంగా ప్రయత్నించండి

సంకేతం

టేబుల్ ఆబ్జెక్ట్.insertRow(ఇండెక్స్)
పారామిటర్ వివరణ
ఇండెక్స్

ఫైర్ఫాక్స్ మరియు ఓపెరాలో అవసరమైనది, ఐఈ, క్రోమ్ మరియు సఫారీలో ఆప్షనలైనది.

విలువలు, ప్రవేశపెట్టవలసిన పంక్తి స్థానాన్ని నిర్ణయిస్తాయి (0 నుండి ప్రారంభిస్తుంది). విలువ 0 ద్వారా కొత్త పంక్తి మొదటి స్థానంలో ప్రవేశపెట్టబడుతుంది.

కానీ -1 విలువను కూడా ఉపయోగించవచ్చు, ఇది చివరి స్థానంలో కొత్త పంక్తిని ప్రవేశపెట్టడానికి దారితీస్తుంది.

ఈ పారామితిని సరళంగా చేయకపోతే, insertRow() Chrome, IE, Firefox మరియు Opera లో చివరి స్థానంలో మరియు Safari లో మొదటి స్థానంలో కొత్త వరుసను ప్రవేశపెడతుంది.

సాంకేతిక వివరాలు

వాయిదా విలువ అంతర్భాగం <tr> ఎలిమెంట్

బ్రౌజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

HTML DOM Table ఆబ్జెక్ట్