Очередной пример создания активно изменяемой версии сайта, когда не нем что-либо появляется. При этом появляется не просто в виде отображения уже имеющегося, за счет стилей показать (display или visibility), а именно создается вновь.
 Зачем использовать такие блоки, все зависит от каждого конкретного случая. Я бы хотел не о таком случае, а о его реализации. Давайте по порядку. Во-первых, нам надо будет вначале уже иметь какой-либо родительский блок, а потом для него, за счет оператора appendChild создать блоки Child. Есть еще одно но. Сам по себе appendChild прописывает иерархию, а вот за создание элемента отвечает createElement.

 

В итоге у нас появляется следующая цепочка:

document.getElementById("ид блока").appendChild(document.createElement("div").appendChild(document.createTextNode("Текст "))).

В целом, как вы видите конструкция трудно переваривается. Поэтому используем переменные, чтобы разбить ее на более простой код.

Пример создания блока див за счет createTextNode

Смотреть код

Смотреть код