Как вы используете createDocumentFragment, чтобы создать семь вложенных элементов div в один удар?

Я хочу создать контейнер A, который содержит A1, A2, A3 и A4, а затем A2a и A2b в A2.

Примечание: это дополнительный вопрос кэто который объяснил createDocumentFragment, но не как вложить div, используя его. Ответ был следующий (что было полезно, насколько это возможно):

var fragment = document.createDocumentFragment();

function u1(tag, id, className){
    var tag = document.createElement(tag);
    tag.id = id;
    tag.className = className;
    fragment.appendChild(tag); 
}

// call u1() seven times

document.getElementById('foo').appendChild(fragment);

Может кто-нибудь объяснить, как вложить? Вышеуказанное просто добавляет семерых детей в 'foo'. Я бродил по сети, но безрезультатно.

Благодарю.