В существующий на странице div(id="t2",width=400px,height=400px) необходимо динамически добавить сотню маленьких(чтобы из них получилась "таблица" 10x10), пробовал сделать циклом с помощью клонирования (об особенностях appendChild знаю..) - не получается, где-то ошибаюсь..Знаю, вопрос не нов и несколько дурацкий, но таково задание..Возможно есть простой и свежий метод решения?
function create(){
var arrDiv=[];
div.style.border = '1px solid';
div.style.width = '40px';
div.style.height = '40px';
div.style.cssFloat = 'left';
div.style.backgroundColor = 'olive';
div.style.textAlign = 'center';
for (var i = 0; i < 100; i++) {
//так тоже не работает:
arrDiv[i] = document.createElement('div');
document.getElementById ("t2").appendChild(arrDiv[i]);
}
}