Номер колонки и ряда таблицы на JavaScript

Давайте теперь запишем в каждую ячейку таблицы номер ряда и номер колонки.

Вот тут уже одним циклом не обойтись. Нам понадобится два цикла: первый по рядам, а второй по ячейкам каждого ряда.

Давайте для начала найдем все ряды таблицы и переберем их циклом:

let trs = document.querySelectorAll('#table tr');

for (let i = 0; i < trs.length; i++) {
	let tr = trs[i]; // запишем каждый ряд в переменную
	console.log(tr);
}

Давайте теперь найдем ячейки каждого из рядов. Для этого используем метод querySelectorAll, только применим его не к document, а к переменной tr, выполнив таким образом поиск ячеек в конкретном ряду:

let trs = document.querySelectorAll('#table tr');

for (let i = 0; i < trs.length; i++) {
	let tr = trs[i];
	
	let tds = tr.querySelectorAll('td'); // найдем ячейки ряда
	console.log(tds);
}

Давайте теперь переберем полученные ячейки циклом:

let trs = document.querySelectorAll('#table tr');

for (let i = 0; i < trs.length; i++) {
	let tr = trs[i];
	let tds = tr.querySelectorAll('td');
	
	for (let j = 0; j < tds.length; j++) {
		let td = tds[j];
		console.log(td);
	}
}

Запишем теперь в текст ячейки номер ее ряда (переменную i) и номер ее колонки (переменную j):

let trs = document.querySelectorAll('#table tr');

for (let i = 0; i < trs.length; i++) {
	let tr = trs[i];
	let tds = tr.querySelectorAll('td');
	
	for (let j = 0; j < tds.length; j++) {
		let td = tds[j];
		td.innerHTML = i + '.' + j;
	}
}

Дана HTML таблица. Запишите в каждую ячейку ее порядковый номер в ряду.