Table rows మొక్కల సమూహం

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

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

rows పట్టికలోని అన్ని <tr> మొక్కలను తిరిగిస్తుంది.

ప్రతీక్ష:సమూహంలో ఉన్న అంశాలు వాటిని మూల కోడ్లో కనిపించే క్రమంలో క్రమీకరించబడతాయి.

అనుష్ఠానం:ఉపయోగించండి insertRow() మాదిరి కొత్త పంక్తిని సృష్టించండి (<tr>)。

అనుష్ఠానం:ఉపయోగించండి deleteRow() మాదిరి పంక్తి తొలగించండి

అనుష్ఠానం:ఉపయోగించండి insertCell() పద్ధతి కొత్త క్రమం సృష్టించండి (<td>)

అనుష్ఠానం:ఉపయోగించండి deleteCell() పద్ధతి క్రమం తొలగించండి

అనుష్ఠానం:ఉపయోగించండి cells కలసం పట్టికలో అన్ని <td> లేదా <th> ఎల్మెంట్ల కలసంను తిరిగి ఇస్తుంది。

మరియు ఇంకా చూడండి:

HTML సంక్షిప్త పదకోశం:HTML <tr> టాగ్

JavaScript సంక్షిప్త పదకోశం:HTML DOM TableRow ఆబ్జెక్ట్

ఉదాహరణ

ఉదాహరణ 1

పట్టికలో ఎన్ని పంక్తులు ఉన్నాయో తెలుసుకోండి:

var x = document.getElementById("myTable").rows.length;

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

x యొక్క ఫలితం ఉంటుంది:

2

ఉదాహరణ 2: [index]

పట్టికలో మొదటి <tr> ఎల్మెంట్న ఇన్హెర్లెయిన్హెడ్ ను ప్రదర్శించండి (సంఖ్యాంకం 0):

alert(document.getElementById("myTable").rows[0].innerHTML;

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

ఉదాహరణ 3: item(index)

పట్టికలో మొదటి <tr> ఎల్మెంట్న ఇన్హెర్లెయిన్హెడ్ ను ప్రదర్శించండి (సంఖ్యాంకం 0):

alert(document.getElementById("myTable").rows.item(0).innerHTML);

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

ఉదాహరణ 4: namedItem(id)

పట్టికలో id="myRow" కలిగిన <tr> ఎల్మెంట్న ఇన్హెర్లెయిన్హెడ్ ను ప్రదర్శించండి:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

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

ఉదాహరణ 5

మొదటి పట్టిక క్రమం అంశం విషయంలో సమాచారాన్ని మార్చుకుండి:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";

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

సంకేతం

tableObject.rows

అంశం

అంశం వివరణ
length

కలసంలో ఉన్న <tr> ఎల్మెంట్ల సంఖ్యను తిరిగి ఇస్తుంది。

ప్రతీక్ష:ఈ అంశం పఠనం కొరకు మాత్రమే ఉంటుంది。

పద్ధతి

పద్ధతి వివరణ
[index]

నిర్దేశించిన సంఖ్యాంకం కలిగిన <tr> ఎల్మెంట్ను తిరిగి ఇస్తుంది (0 నుండి ప్రారంభించబడుతుంది)。

ప్రతీక్ష:సంఖ్యాంకం పరిధిని దాటితే null తిరిగి ఇస్తుంది。
item(index)

నిర్దేశించిన సంఖ్యాంకం కలిగిన <tr> ఎల్మెంట్ను తిరిగి ఇస్తుంది (0 నుండి ప్రారంభించబడుతుంది)。

ప్రతీక్ష:సంఖ్యాంకం పరిధిని దాటితే null తిరిగి ఇస్తుంది。
namedItem(id)

పేరును కలిగిన కలసంలో నిర్దేశించిన id కలిగిన <tr> ఎల్మెంట్ను తిరిగి ఇస్తుంది。

ప్రతీక్ష:నమూనా లేకపోతే null తిరిగి ఇస్తుంది。

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

DOM సంస్కరణ: Core Level 2 Document Object
వాటి సమాధానం:

HTMLCollection ఆబ్జెక్ట్, ఇది <table> ఎల్మెంట్లోని అన్ని <tr> ఎల్మెంట్లను ప్రతినిధీకరిస్తుంది。

సమూహంలో ఉన్న అంశాలు వాటిని మూల కోడ్లో కనిపించే క్రమంలో క్రమీకరించబడతాయి.

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

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

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