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