तालिका पंक्तियों का संग्रह
उदाहरण
पता लगाएँ कि एक तालिका में कितनी पंक्तियाँ हैं:
var x = document.getElementById("myTable").rows.length;
एक्स का परिणाम होगा:
2
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
पंक्तियों का संग्रह तालिका में सभी <tr> तत्वों का संग्रह देता है।
नोट: संग्रह में तत्वों को सॉर्ट किया जाता है जैसे वे स्रोत कोड में दिखाई देते हैं।
युक्ति: एक नई पंक्ति (<tr>) बनाने के लिए insertRow() विधि का उपयोग करें ।
युक्ति: किसी पंक्ति को हटाने के लिए deleteRow() विधि का उपयोग करें ।
युक्ति: एक नया सेल (<td>) बनाने के लिए इन्सर्टसेल () विधि का उपयोग करें ।
टिप: सेल को डिलीट करने के लिए डिलीटसेल () मेथड का इस्तेमाल करें ।
युक्ति: तालिका में सभी <td> या <th> तत्वों के संग्रह को वापस करने के लिए कक्ष संग्रह का उपयोग करें ।
ब्राउज़र समर्थन
Collection | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
tableObject.rows
गुण
Property | Description |
---|---|
length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
तरीकों
Method | Description |
---|---|
[index] | Returns the <tr> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <tr> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <tr> element from the collection with the specified id. Note: Returns null if the id does not exist |
टेक्निकल डिटेल
डोम संस्करण: | कोर स्तर 2 दस्तावेज़ वस्तु |
---|---|
प्रतिलाभ की मात्रा: | एक HTMLCollection ऑब्जेक्ट, <table> तत्व में सभी <tr> तत्वों का प्रतिनिधित्व करता है। संग्रह में तत्वों को क्रमबद्ध किया जाता है क्योंकि वे स्रोत कोड में दिखाई देते हैं |
और ज्यादा उदाहरण
उदाहरण
[ सूचकांक ]
तालिका में पहले <tr> तत्व (इंडेक्स 0) के आंतरिक HTML को अलर्ट करें:
alert(document.getElementById("myTable").rows[0].innerHTML;
उदाहरण
आइटम ( सूचकांक )
तालिका में पहले <tr> तत्व (इंडेक्स 0) के आंतरिक HTML को अलर्ट करें:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
उदाहरण
नामित आइटम ( आईडी )
तालिका में id="myRow" के साथ <tr> तत्व के आंतरिक HTML को अलर्ट करें:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
उदाहरण
पहली टेबल सेल की सामग्री बदलें:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
संबंधित पृष्ठ
HTML संदर्भ: HTML <tr> टैग
जावास्क्रिप्ट संदर्भ: HTML DOM TableRow Object
टेबल ऑब्जेक्ट