Как динамически создать 10 div с помощью js?

Question

[GGatsby]

Как динамически создать 10 div чистым js

Мой код:

var div = document.createElement('div');
div.className="part";
div.style.width = '100px';
div.style.height = '100px';
div.style.backgroundColor = 'red'
document.body.appendChild(div);

Можно ли его размножить на 10 divов?

Answer 1

[Сергей delphinpro]

function createDiv(className){
	var div = document.createElement('div');
	div.className    = className;
	div.style.width  = '100px';
	div.style.height = '100px';
	div.style.backgroundColor = 'red'
	return div;
}

for (var i = 0; i < 10; i++) {
	document.body.appendChild(createDiv('part'));
}

Comments

[GGatsby]

спасибо все работает

Answer 2

[Кира]

Как тут https://stackoverflow.com/questions/20308270/creat...

Answer 3

[Negwereth]

цикл

Answer 4

[Артур]

Циклы
https://learn.javascript.ru/while-for