Промена ћелија HTML табеле у ЈаваСкрипту

Нека је дата нека HTML табела #table. Нека је пред нама задатак да се нешто уради са сваком ћелијом табеле, на пример, да се упише у сваку од њих текст '!'.

Хајде да разговарамо о нијансама решавања таквог задатка.

Као што знате, HTML табела има дводимензионалну структуру: постоје редови, а у њима ћелије. Може се решити наш задатак на следећи начин: пребрати циклом редове и у сваком реду пребрати циклом ћелије и урадити са њима радњу која нам је потребна. То јест дата шема решења је слична томе како бисмо креирали такву табелу, попуњавајући је редовима и ћелијама.

Међутим, у овом случају, две угнежђене петље ће бити непотребне: може се једноставно добити све td и пребрати их циклом, извршавајући потребну операцију. Урадимо то:

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

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

Нека је дата нека HTML табела са бројевима и дугме. При клику на дугме повећајте број у свакој ћелији табеле два пута.