Форум

Kot_new · #1 (**permalink**) 11.08.2013, 01:34

Вот вроде - бы элементарный код, который создаёт таблицу 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>

danik.js · #2 (**permalink**) 11.08.2013, 09:19

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

Форум

Справочник

Discord чат

Курсы javascript