HTML кестесінің ұяшықтарын JavaScript арқылы өзгерту
Бір HTML кестесі #table берілген делік.
Біздің алдымызда әрбір ұяшықпен бірдеңе істеу міндеті тұрсын,
мысалы, олардың әрқайсысына '!' мәтінін жазу.
Осындай мәселені шешудің нюанстарын талқылайық.
Өздеріңіз білетіндей, HTML кестесі екі өлшемді құрылымға ие: жолдар бар, және оларда ұяшықтар бар. Біздің міндетімізді келесі түрде шешуге болады: цикл арқылы жолдарды айналып шығып, әрбір жолда цикл арқылы ұяшықтарды айналып шығып, олармен бізге қажет әрекетті орындау. Яғни, ұсынылған шешу схемасы біздің осындай кестені жолдар мен ұяшықтармен толтырып жасағандағыға ұқсас.
Дегенмен, бұл жағдайда екі сатылы циклдер артық болады:
барлық td-лерді алып, оларды цикл арқылы айналып шығып,
қажетті операцияны орындауға болады. Мұны істейік:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.textContent = '!';
}
Сандары бар бір HTML кестесі және батырмасы берілген делік. Батырманы басқанда кестенің әрбір ұяшығындағы санды екі есеге арттырыңыз.
