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) ਦਾ innerHTML ਸੁਝਾਅ ਦੇਓ:

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

ਸਵੈ ਮੰਥਨ ਕਰੋ

ਉਦਾਹਰਣ 3: item(index)

ਸਤਹਿਲੀ ਵਿੱਚ ਪਹਿਲੀ <tr> ਅੰਗ (ਸੰਖਿਆ 0) ਦਾ innerHTML ਸੁਝਾਅ ਦੇਓ:

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

ਸਵੈ ਮੰਥਨ ਕਰੋ

ਉਦਾਹਰਣ 4: namedItem(id)

ਸਤਹਿਲੀ ਵਿੱਚ id="myRow" ਵਾਲੇ <tr> ਅੰਗ ਦਾ innerHTML ਸੁਝਾਅ ਦੇਓ:

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> ਅੰਗ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ。

ਟਿੱਪਣੀ:ਜੇਕਰ id ਮੌਜੂਦ ਨਹੀਂ ਹੈ ਤਾਂ null ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

DOM ਸੰਸਕਰਣ: Core Level 2 Document Object
ਵਾਪਸੀ ਮੁੱਲ:

HTMLCollection ਪ੍ਰੋਗਰਾਮ, ਜੋ ਕਿ <table> ਅੰਗ ਵਿੱਚ ਸਾਰੇ <tr> ਅੰਗ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਕਰਦਾ ਹੈ。

ਸਮੂਹ ਵਿੱਚ ਅੰਗ ਸਰੋਤ ਕੋਡ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਦੀ ਕਿਸਮ ਉੱਤੇ ਕਰਨ ਵਾਲੇ ਕਰਨ ਤੋਂ ਸੰਗਠਿਤ ਹਨ।

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਾਰੋਮ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਾਰੋਮ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

HTML DOM Table ਪ੍ਰੋਬਜੈਕਟ