Javascript-форум - Почему ничего не отображается в браузере?

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Почему ничего не отображается в браузере? (https://javascript.ru/forum/events/40563-pochemu-nichego-ne-otobrazhaetsya-v-brauzere.html)

Почему ничего не отображается в браузере?

Вот вроде - бы элементарный код, который создаёт таблицу 2 на 4, каждая ячейка которой равна 1. Но браузер ничего не оотображает. Help(

Код:

<!DOCTYPE html>

<html>
<head>
	<meta charset="utf-8">
	<title>Test</title>
	<style>
		table {
			border-collapse: collapse;
		}
		table td {
			border: 1px solid #111;
			padding: 2px;
		}		
	</style>
</head>
<body>		
	<script>
		var col = 2;
		var row = 4;		
		document.body.innerHTML = "<table></table>";
		for (var i = 0; i < row; ++i) {
			document.getElementsByTagName("table").innerHTML += "<tr></tr>";
			for (var j = 0; j < col; ++j) {	
				document.getElementsByTagName("tr").innerHTML += "<td>1</td>";								
			}	
		}				
	
	</script>
</body>
</html>

getElementsByTagName возвращает массив (если быть точным - NodeList), а не один элемент.
И вобще, не стоит таким обрабом генерить таблицу. Тем более что в старых IE не будет работать.
Используй document.createElement() + element.appendChild().
Еще есть специальные методы работы с таблицей: table.insertRow(), row.insertCell()