Kubadilisha Selu za Jedwali la HTML kwa JavaScript

Wacha tuwe na jedwali fulani la HTML #table. Wacha tuseme tunakabiliwa na changamoto ya kufanya kitu na kila seli ya jedwali, kwa mfano, kuandika katika kila moja kati yao maandishi '!'.

Wacha tujadili nuances za kutatua changamoto kama hiyo.

Kama unavyojua, jedwali la HTML lina muundo wa pande mbili: kuna safu, na ndani yake kuna seli. Inawezekana kutatua changamoto yetu kama ifuatavyo: kuzunguka kwa kitanzi safu na katika kila safu kuzunguka kwa kitanzi seli na kufanya nayo kitendo tunachohitaji. Yaani, mpango ulioonyeshwa unafanana na jinsi tungekuwa tunaunda jedwali kama hilo, tukikijaza na safu na seli.

Hata hivyo, katika kesi hii, vitanzi viwili vilivyowekwa ndani vitakuwa vya ziada: inawezekana tu kupata yote td na kuzizunguka kwa kitanzi, ukifanya operasyon inayohitajika. Wacha tufanye hivi:

let tds = document.querySelectorAll('#table td');

for (let td of tds) {
	td.textContent = '!';
}

Wacha tuwe na jedwali fulani la HTML na nambari na kifungo. Kwa kubonyeza kifungo ongeza nambari katika kila seli ya jedwali mara mbili.