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

Question

[toyvo_glumov]

Использую на страницах сайта следующий скрипт, чтобы переместить блок (#box1) из одного места внутрь другого блока (#box2) .

<script>
document.addEventListener('DOMContentLoaded', function() {
	document.querySelector('#box2').appendChild(document.querySelector('#box1'));
}, false);
</script>

Нужно сделать, чтобы перемещаемый блок вставлялся не внутрь, а после html комментария <!--more--> на странице. Как правильно изменить данный скрипт?

Comments

[Risent Veber]

Поясните пожалуйста суть вопроса: зачем вы используете этот комментарий?

[toyvo_glumov]

Этот коммент используется в Blogger для сслыки «читать далее» (по нему движок блогспота определяет в какмо месте статьи вставляется кат).

[Nwton]

toyvo_glumov: добавьте в вопрос код комментария.

[toyvo_glumov]

Nwton: Добавил (я его сразу вписал, просто Тостер его проигнорил, т.к. не был выделен как код).

Answer 1

[Сергей delphinpro]

Не знаю как правильно.
Скорее всего нельзя напрямую обратиться к ноде комментария. Но можно достать ее перебором всех нод.
Вам нужна рекурсивная функция обхода всех нод документа, в которой вы будете проверять тип ноды и ее содержимое.
Примечание: если ваш комментарий располагается на странице не рандомно, а подчиняется ккакой-то логике, например, всегда находится в каком-то узле, к кторому можно обратиться по селектору, то лучше просто перебрать дочерние ноды этого узла.

var e = ... // берем элемент
    var childs = e.childNodes,
        count = childs.length;
    var i = 0;
    while(i < count) {
        if (
            (childs[i].nodeType == 8) // тип 8 - это как раз комментарий
            &&(/more/.test(childs[i].nodeValue)) // а здесь проверяем наличие слова more внутри комментария
        ) {
            var container = document.createElement('div');
            container.innerHTML = '<div class="'+childs[i].nodeValue+'"></div>';
            childs[i].parentNode.replaceChild(container.firstChild, childs[i]);
        }
        i++;
    }

Comments

[toyvo_glumov]

Спасибо большое! К сожалению, я пока только пытаюсь что-то понять в JS, вы не могли бы показать как в этом случае должен выглядеть готовый скрипт на моём примере? Перемещаемый блок — #block1, который должен либо всавать после more, либо заменять его собой.

Answer 2

[Никита Кравченко]

Используйте не .append, а .after или .before