Как добавить в div несколько div'ов?

329
21 июня 2017, 02:39

Приветствую! Подскажите пожалуйста, как добавить в див несколько дивов через перебор. У меня есть 9 квадратов, в них я пытаюсь добавить 9 пустых дивов, но добавляется только по одному диву в каждый квадрат. Вот мой код:

var squere = document.body.getElementsByClassName("squere");
for( var i = 0; i < squere.length; i++){
    var div = document.createElement("div");
squere[i].appendChild(div);
}

Буду очень признателен за помощь. Спасибо!

Answer 1

Для каждого элемента div.squere действие создания дочернего элемента нужно повторить девять раз:

var squere = document.body.getElementsByClassName("squere");
for(var i = 0; i < squere.length; i++) {
  for(var j = 0; j < 9; j++) {
    var div = document.createElement("div");
    squere[i].appendChild(div);
  }
}
READ ALSO
Странное поведение Javascript при передаче объекта по ссылке
javascript

Странное поведение Javascript при передаче объекта по ссылке

Написал простой пример с изменением объекта в функции при передаче по ссылкеhttps://plnkr

 237
Как поменять стили при наведении на div?
javascript

Как поменять стили при наведении на div?

Приветствую! Просьба помочь, у меня есть класс "parent", который содержит класс "children", хочу сделать, что бы при наведении на парент, мой чилдрен...

 215
AJAX JSF h:inputText
javascript

AJAX JSF h:inputText

Есть facelet terminologyxhtml

 326
Подключение css файлов в webpack 2 (ReferenceError: ExtractTextPlugin)
javascript

Подключение css файлов в webpack 2 (ReferenceError: ExtractTextPlugin)

Пытаюсь подключить css файл в webpack 2Для этого устанавливаю "css-loader","file-loader","less-loader","sass-loader","style-loader", "extract-text-webpack-plugin","url-loader"; создаю отдельный...

 366