HTML tablisasynyň öýjüklerini JavaScript üýtgetmek
Belli bir HTML tablisasy #table berlen bolsun.
Biziň öňümizde durýan meselä her bir öýjüge bir zat
etmek, meselem, olaryň her birine '!' tekstini ýazmak.
Geliň şuňa meňzeş meseläni çözmegiň nýuanslaryny çekişeli.
Bilşiňiz ýaly, HTML tablisasy iki ölçegli gurluşa eýe: hatarlar we olaryň içinde öýjükler bar. Biz meseläni şeýle çözüp bileris: hatarlary aýlaw bilen göçürip, her hatarda öýjükleri aýlaw bilen göçürip, olara gerekli hereketi ýerine ýetirmek. Ýagny, görkezilen meýilnamasy şu tablisany döredilýän wagty, hatarlar we öýjükler bilen doldurylýan ýaly.
Emma, bu ýagdaýda, iki gatylyşyk aýlaw artykmaç bolar:
diňe ähli td alyp, olary aýlaw bilen göçürip,
gerekli operasiýany ýerine ýetirip bolar. Gel şony edeliň:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.textContent = '!';
}
Sanlar bilen bir HTML tablisasy we düwmäni berlen bolsun. Düwmä basylanda, tablisanyň her bir öýjügindäki sany iki esse köpeldiň.
