Вопросик по appendChild()

Есть переменная:

var holdModals = document.createDocumentFragment();

Дальше идет цикл в котором создается div:

for (var i = 0; i < num; i++) {
  var div = document.createElement('div');
  div.classList.add('modal-drop');
  div.style.top = Math.floor((Math.random() * 100)) + 'vh';
  div.style.left = Math.floor((Math.random() * 100)) + 'vw';
  div.style.transitionDelay = Math.random() + 's';
  holdModals.appendChild(div);
}

Обратите внимание на holdModals.appendChild(div). Поместил в цикле div в holdModals. Как после цикла поместить в div еще один элемент (к примеру modalContainer)

var modalContainer = document.querySelector('.modal-content');

Должно выглядеть так:

holdModals > div > modalContainer