Перемещение элемента на чистом javascript?

Question

[Виталий]

Добрый вечер. Помогите разобраться. Есть комментарии в виде списка которые выводятся вот так

<li id="comment-23" level="2" class="comment-1">
     <ul class="children children-23">
          <span></span>
     </ul>
</li>
<li id="comment-24" level="2" class="comment-23">
     <ul class="children children-24">
          <span></span>
     </ul>
</li>

а должны выводиться вот так

<li id="comment-23" level="2" class="comment-1">
     <ul class="children children-23">
          <span></span>
          <li id="comment-24" level="2" class="comment-23">
               <ul class="children children-24">
                    <span></span>
               </ul>
          </li>
     </ul>
</li>

То есть должно наследоваться. Я реализовал все это на jquery

$('#comments-list > .commentlist > li').each(function () {
            var parentClass = '.' + $(this).attr('class'),
                parent = '#' + $(this).attr('class')+'>'+'ul'+'>'+'span';
            $(parentClass).insertAfter(parent)
        })

Но во время загрузки страницы видно как перестраивается dom. Не как не могу добиться такого же результата на чистом javascript
Вот что есть на javascript

var array = document.querySelectorAll('#comments-list > .commentlist > li');
        array.forEach(function (e) {
            var parentClass = '.' + e.getAttribute('class');
            var parent = '#' + e.getAttribute('class') + '>' + 'ul' + '>' + 'span';
            parentElem = document.querySelectorAll(parent);
            elem = document.querySelectorAll(parentClass);
        });

Comments

[Кирилл]

Как я понял проблема в том, что видно как перестраивается дом? По этому хотите на чистый переписать? Проще, если у вас уже есть решение на jQuery, скрывать блок с комментариями и показывать только после выполнения jQuery кода, на пример.

[Dark Hole]

Встречный вопрос: зачем перестраивать DOM, когда это совсем не нужно?

[Виталий]

Кирилл Кубляков: да проблема в том что видно как перестраивается dom. Если скрывать блок, а потом после загрузки показывать, очень плохо смотрится . Около 1 секунды пустой экран а потом появляется блок. Это к сожалению не приемлемо. Поэтому и ищу решение на чистом javascript

[Виталий]

Dark Hole: поясните

[Ярослав Иванов]

Виталий: такая вещь на сервере должна разруливаться. Php сам должен отдавать какой коммент за каким идёт. А на клиенте никак не должно решаться.

[Егор Живагин]

Виталий: так на чистом JS и не самом хорошем интернете всё равно видно будет, дело не в этом. Надо думаьб, как изначально правильно построить DOM

[Stalker_RED]

А вы вообще заметили, что у вас теги вложены в порядке li - ul - span?

[Adamos]

Кроме того, ТС зачем-то обязательно надо вложить коммент второго уровня в коммент второго уровня.