Table cells ਸਟਾਰਕ

HTML DOM Table ڈھارک

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

cells ਸਟਾਰਕ ਵਾਪਸ ਤਾਲਿਕਾ ਵਿੱਚ ਸਾਰੇ <td> ਜਾਂ <th> ਐਲੀਮੈਂਟਾਂ ਦਾ ਸਟਾਰਕ ਦੇਵੇ

ਟਿੱਪਣੀ:مجموعے میں عناصر، ان کی منشا کا کد میں آئی ترتیب کے مطابق منظم ہیں۔

ਸੁਝਾਅ:ਵਰਤੋਂ rows ਸਟਾਰਕ ਤਾਲਿਕਾ ਵਿੱਚ ਸਾਰੇ <tr> ਐਲੀਮੈਂਟਾਂ ਦਾ ਸਟਾਰਕ ਵਾਪਸ ਦੇਵੇ

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: insertRow() ਮੇਥੋਡ ਨਵਾਂ ਰੋਕ ਬਣਾਓ (<tr>)

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: deleteRow() ਮੇਥੋਡ ਰੋਕ ਹੋਵੇ ਕਿਉਂਕਿ

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: insertCell() ਮੇਥੋਡ ਨਵੀਂ ਸੈੱਲ ਬਣਾਓ (<td>))

ਸੁਝਾਅ:ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ: deleteCell() ਮੰਥਨ ਸੈੱਲ ਹਟਾਓ。

ਹੋਰ ਵੇਖੋ:

HTML ਸੰਦਰਭ ਮੁੱਦਾ:HTML <td> چھوٹی کارٹ

HTML ਸੰਦਰਭ ਮੁੱਦਾ:HTML <th> چھوٹی کارٹ

JavaScript ਸੰਦਰਭ ਮੁੱਦਾ:HTML DOM TableData ڈھارک

JavaScript ਸੰਦਰਭ ਮੁੱਦਾ:HTML DOM TableHeader ڈھارک

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਪਹਿਲੀ ਸਤਰਲੀ ਦੇ ਸੈੱਲ ਦੀ ਗਿਣਤੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

x ਦਾ ਨਤੀਜਾ ਹੋਵੇਗਾ:

2

ਉਦਾਹਰਣ 2: [index]

ਪਹਿਲੀ ਸਤਰਲੀ ਵਿੱਚ ਪਹਿਲੇ ਸੈੱਲ ਦੇ innerHTML ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

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

ਪਹਿਲੀ ਸਤਰਲੀ ਵਿੱਚ ਪਹਿਲੇ ਸੈੱਲ ਦੇ innerHTML ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

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

ਪਹਿਲੀ ਸਤਰਲੀ ਵਿੱਚ id="myTd" ਵਾਲੇ ਸੈੱਲ ਦੇ innerHTML ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 5

ਪਹਿਲੀ ਸਤਰਲੀ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਬਦਲੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸ਼ਬਦਮਾਲਾ

tableObject.cells

ਪ੍ਰਤੀਯੋਗੀ

ਪ੍ਰਤੀਯੋਗੀ ਵਰਣਨ
length

ਵਾਪਸ ਕਰਦਾ ਹੈ ਕਿ ਸਮੂਹ ਵਿੱਚ <td> ਅਤੇ/ਜਾਂ <th> ਅਣੂਏ ਮੈਂਬਰ ਦਾ ਸੰਖਿਆ。

ਟਿੱਪਣੀ:ਇਹ ਪ੍ਰਤੀਯੋਗੀ ਹੈ。

ਮੰਥਨ

ਮੰਥਨ ਵਰਣਨ
[index]

ਵਾਪਸ ਕਰਦਾ ਹੈ ਕਿ ਸਮੂਹ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਸੂਚਕਾਂਕ ਵਾਲਾ <td> ਅਤੇ/ਜਾਂ <th> ਅਣੂਏ ਮੈਂਬਰ (0 ਤੋਂ ਸ਼ੁਰੂ ਕਰਦਿਆਂ)。

ਟਿੱਪਣੀ:ਜੇਕਰ ਸੂਚਕਾਂਕ ਸੀਮਾ ਤੋਂ ਬਾਹਰ ਹੈ ਤਾਂ null ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
item(index)

ਵਾਪਸ ਕਰਦਾ ਹੈ ਕਿ ਸਮੂਹ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਸੂਚਕਾਂਕ ਵਾਲਾ <td> ਅਤੇ/ਜਾਂ <th> ਅਣੂਏ ਮੈਂਬਰ (0 ਤੋਂ ਸ਼ੁਰੂ ਕਰਦਿਆਂ)。

ਟਿੱਪਣੀ:ਜੇਕਰ ਸੂਚਕਾਂਕ ਸੀਮਾ ਤੋਂ ਬਾਹਰ ਹੈ ਤਾਂ null ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
namedItem(id)

ਵਿਸ਼ੇਸ਼ id ਵਾਲੇ ਸਮੂਹ ਤੋਂ <td> ਅਤੇ/ਜਾਂ <th> ਅਣੂਏ ਮੈਂਬਰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

DOM ਵਰਜਨ: Core Level 2 Document Object
ਵਾਪਸੀ ਮੁੱਲ:

HTMLCollection ਪ੍ਰੋਗਰਾਮ, ਜੋ ਕਿ <tr> ਅਤੇ/ਜਾਂ <th> ਅਣੂਏ ਮੈਂਬਰ ਦਰਸਾਉਂਦਾ ਹੈ。

مجموعے میں عناصر، ان کی منشا کا کد میں آئی ترتیب کے مطابق منظم ہیں۔

براوزر کی مدد

کروم ایج فائرفاکس سافری آپرا
کروم ایج فائرفاکس سافری آپرا
مدد مدد مدد مدد مدد

HTML DOM Table ڈھارک