Пусть дана некоторая HTML таблица #table.
Пусть перед нами стоит задача что-то сделать
с каждой ячейкой таблицы, например, записать
в каждую из них текст '!'.
Давайте обсудим нюансы решения подобной задачи.
Как вы знаете, HTML таблица имеет двухмерную структуру: есть ряды, а в них ячейки. Можно решить нашу задачу следующим образом: перебрать циклом ряды и в каждом ряду перебрать циклом ячейки и сделать с ними нужное нам действие. То есть приведенная схема решения подобна тому, как бы мы создавали такую таблицу, заполняя ее рядами и ячейками.
Однако, в данном случае, два вложенных цикла
будут лишними: можно просто получить все
td и перебрать их циклом, выполняя
нужную операцию. Сделаем это:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.innerHTML = '!';
}
Пусть дана некоторая HTML таблица с числами и кнопка. По нажатию на кнопку увеличьте число в каждой ячейки таблицы в два раза.